來源：flash8 作者：我佛山人
如果僅僅是定義表格的邊框?yàn)?(border="1")和邊框顏色值(如borderColor="#000000")，表格線其實(shí)是2px的，要做細(xì)線表格，有三種方法：
1.在Dreamweaver中按Ctrl+Alt+T，彈出插入表格的對(duì)話框，參數(shù)設(shè)置如圖(帶紅框項(xiàng)為固定值，否則無效果)：
選中表格，在屬性面板中設(shè)置表格的背景顏色：
光標(biāo)定位到個(gè)單元格里，按住Shift鍵單擊一個(gè)單元格，全選所有單元格，然后在屬性面板中設(shè)置所有單元格的顏色：
完成后效果如圖：
2.利用表格的暗邊框(bordercolordark)和亮邊框(bordercolorlight)屬性做的細(xì)線表格：
還是按Ctrl+Alt+T插入表格，在對(duì)話框中設(shè)置如圖(帶紅框項(xiàng)為固定植，否則無效果)
選中表格后按F9，展開"Tag Inspector"面板組，在"Attributes"面板中設(shè)置如圖：
完成后如圖：
3.設(shè)置表格的CSS屬性border-collapse為collapse：按Ctrl+Alt+T插入表格，對(duì)話框的設(shè)置同法2。選中表格，在屬性面板中設(shè)置表格的邊框顏色：
按F9展開"Tag Inspector"面板，在"Attributes"面板中的"style"里填入"border-collapse:collapse;"
完成后如圖：
注意：法3所作的細(xì)線表格只適用于IE5+，兼容性的是法1，法二并不是嚴(yán)格意義上的細(xì)線表格。
技巧：法1中可以用CSS定義表格單元格的背景顏色，以減少代碼量：
<style>
.thin{background:#000000}
.thin td{background:#FFFFFF}
</style>
<table width="0" 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>
如果僅僅是定義表格的邊框?yàn)?(border="1")和邊框顏色值(如borderColor="#000000")，表格線其實(shí)是2px的，要做細(xì)線表格，有三種方法：
1.在Dreamweaver中按Ctrl+Alt+T，彈出插入表格的對(duì)話框，參數(shù)設(shè)置如圖(帶紅框項(xiàng)為固定值，否則無效果)：
選中表格，在屬性面板中設(shè)置表格的背景顏色：
光標(biāo)定位到個(gè)單元格里，按住Shift鍵單擊一個(gè)單元格，全選所有單元格，然后在屬性面板中設(shè)置所有單元格的顏色：
完成后效果如圖：
2.利用表格的暗邊框(bordercolordark)和亮邊框(bordercolorlight)屬性做的細(xì)線表格：
還是按Ctrl+Alt+T插入表格，在對(duì)話框中設(shè)置如圖(帶紅框項(xiàng)為固定植，否則無效果)
選中表格后按F9，展開"Tag Inspector"面板組，在"Attributes"面板中設(shè)置如圖：
完成后如圖：
3.設(shè)置表格的CSS屬性border-collapse為collapse：按Ctrl+Alt+T插入表格，對(duì)話框的設(shè)置同法2。選中表格，在屬性面板中設(shè)置表格的邊框顏色：
按F9展開"Tag Inspector"面板，在"Attributes"面板中的"style"里填入"border-collapse:collapse;"
完成后如圖：
注意：法3所作的細(xì)線表格只適用于IE5+，兼容性的是法1，法二并不是嚴(yán)格意義上的細(xì)線表格。
技巧：法1中可以用CSS定義表格單元格的背景顏色，以減少代碼量：
<style>
.thin{background:#000000}
.thin td{background:#FFFFFF}
</style>
<table width="0" 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>
下一篇：
網(wǎng)頁圖片特效小技巧