完成後效果如圖:
2.利用表格的暗邊框(bordercolordark)和亮邊框(bordercolorlight)屬性做的細線表格:
還是按Ctrl+Alt+T插入表格,在對話框中設定如圖(帶紅框項為固定植,否則無效果)
勾選表格後按F9,展開"Tag Inspector"面板組,在"Attributes"面板中設定如圖:
完成後如圖:
3.設定表格的CSS屬性border-collapse為collapse:按Ctrl+Alt+T插入表格,對話框的設定同法2。選取表格,在屬性面板中設定表格的邊框顏色:
按F9展開"Tag Inspector"面板,在"Attributes"面板中的"style"裡填入"border-collapse:collapse;"
完成後如圖:
注意:法3所作的細線表格只適用於IE5+,相容性最好的是法1,法二並不是嚴格意義上的細線表格。
技巧:法1中可以用CSS定義表格單元格的背景顏色,以減少程式碼量:
<style>
.thin{background:#000000}
.thin td{background:#FFFFFF}
</style>
<table width="200" border="0" cellspacing="1" cellpadding="0" class="thin">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>