網(wǎng)頁設(shè)計：如何設(shè)計細(xì)線條的表格

《網(wǎng)頁設(shè)計：如何設(shè)計細(xì)線條的表格》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、網(wǎng)頁設(shè)計：如何設(shè)計細(xì)線條的表格2009-04-0923:54l如果僅僅是定義表格的邊框為1(border="1")和邊框顏色值(如borderColor="#000000")，表格線其實是2px的，要做細(xì)線表格，有三種方法：　　1.在Dreamweaver中按Ctrl+Alt+T，彈出插入表格的對話框，參數(shù)設(shè)置如圖(帶紅框項為固定值，否則無效果)：　　選中表格，在屬性面板中設(shè)置表格的背景顏色：　　光標(biāo)定位到第一個單元格里，按住Shift鍵單擊最后一個單元格，全選所有單元格，然后在屬性面板中設(shè)置所有單元格的顏色：完成后效果

2、如圖：評價：優(yōu)點：簡單缺點：在單元格內(nèi)容為空的時候會缺乏美觀：??　　2.利用表格的暗邊框(bordercolordark)和亮邊框(bordercolorlight)屬性做的細(xì)線表格：還是按Ctrl+Alt+T插入表格，在對話框中設(shè)置如圖(帶紅框項為固定植，否則無效果)　　選中表格后按F9，展開"TagInspector"面板組，在"Attributes"面板中設(shè)置如圖：　　完成后如圖：評價：優(yōu)點：不會出現(xiàn)在單元格內(nèi)容為空時“掉線”的問題，可以使用cellspadding缺點：不能利用cellspacing做其他事，通

3、常情況下必須先指定，后限定　　3.設(shè)置表格的CSS屬性border-collapse為collapse：按Ctrl+Alt+T插入表格，對話框的設(shè)置同法2。選中表格，在屬性面板中設(shè)置表格的邊框顏色：　　按F9展開"TagInspector"面板，在"Attributes"面板中的"style"里填入"border-collapse:collapse;"　　完成后如圖：評價：優(yōu)點：css使用起來更簡單缺點：同上，另外是兼容性

4、問題：法3所作的細(xì)線表格只適用于IE5+，兼容性最好的是法1，法二并不是嚴(yán)格意義上的細(xì)線表格?！　〖记桑悍?中可以用CSS定義表格單元格的背景顏色，以減少代碼量：<

5、/td>