html的table邊框技巧 - html表格table 邊框樣式美化

1、運用運用CSS語法美化表格語法美化表格Table注：除非特殊聲明，本文所舉各例插入的表格的cellspacing、cellpadding、bder值均為0。例一：例一：1px表格表格很多人熱衷于制作1px表格，于是發(fā)明了各式各樣的方法，用css做起來可就靈活的多。如果要制作一個1x1的1px表格只要簡單定義一下邊框值就可以了。我們首先用Dreamweaver插入一個1x1表格，寬度為50，然后在該表格table或者td中定義bder:1

2、solidteal所做的表格的效果如下：但是要制作一個非1x1的表格（如2x2）就稍微麻煩些，因為如果直接定義td樣式bder:1solidteal，則顯示的效果如下：你會發(fā)現(xiàn)表格外框為1px，而里面則變成了2px了，這是由于疊加的原因。為了解決這么問題我們可以這樣做：首先為td定義樣式：bder:#cc0000solidbderwidth:0110這樣表格表現(xiàn)為：然后再為table定義樣式:bder:#cc0000solidbderw

3、idth:1001這樣就可做作成一個完整的1px表格了。例二：粗邊框的例二：粗邊框的1px表格表格對table所使用的樣式的代碼是：bder:3outset對td所使用的樣式的代碼是：bder:1solid例七：例七：inset外框表格外框表格對table所使用的樣式的代碼是：bder:3inset對td所使用的樣式的代碼是：bder:1solid例八：例八：ridge外框表格外框表格對table所使用的樣式的代碼是：bder:#ee0