CSS如何設置html table表格邊框樣式


對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} 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM