對table設置css樣式邊框,分為幾種情況:
1、只對table設置邊框
2、對td設置邊框
3、對table和td技巧性設置表格邊框
4、對table和td設置背景,實現完美表格邊框
一、只對表格table標簽設置邊框
只對table標簽設置border(邊框)樣式,將讓此表格最外層table一個邊框,而表格內部不產生邊框樣式。
table{border:1px solid #F00}
二、對td設置邊框
對table表格td設置邊框樣式,表格對象內td將實現邊框樣式,但中間部分td會導致出現雙邊框。
table td{border:1px solid #F00}
三、對table和td技巧性設置表格邊框
如上第二點,只對表格對象td設置單一邊框樣式,中間部分td與td標簽之間就會出現雙邊框現象。
解決方法:對td只設置兩個邊的邊框,對table也設置兩個邊的邊框樣式。
table{border-right:1px solid #F00;border-bottom:1px solid #F00}
table td{border-left:1px solid #F00;border-top:1px solid #F00}