用CSS改變表格邊框樣式,很實用的一種方法。
製作方法:
將下面的代碼複製到<body>~</body>裡,此為隱藏下邊框
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-bottom-width: 0" bordercolor="#111111" width="90">
<tr align="center">
<td style="border-bottom-style: none; border-bottom-width: medium" height="25">隱藏下邊</td>
</tr>
</table>
將下面的代碼複製到<body>~</body>裡,此為隱藏上邊框
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-top-width: 0" bordercolor="#111111" width="90">
<tr align="center">
<td height="25" style="border-top-style: none; border-top-width: medium">隱藏上邊框</td>
</tr>
</table>
將下面的代碼複製到<body>~</body>裡,此為隱藏左邊框
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-left-width: 0" bordercolor="#111111" width="90">
<tr align="center">
<td style="border-left-style: none; border-left-width: medium" height="25">隱藏左邊框
</td>
</tr>
</table>
將下面的代碼複製到<body>~</body>裡,此為隱藏右邊框
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-right-width: 0" bordercolor="#111111" width="90">
<tr align="center">
<td style="border-right-style: none; border-right-width: medium" height="25">隱藏右邊框
</td>
</tr>
</table>