table td 邊框設置

一、只對表格table標簽設置邊框

只對table標簽設置border（邊框）樣式，將讓此表格最外層table一個邊框，而表格內部不產生邊框樣式。

<style>
.table-a table{border:1px solid #F00}
/* css注釋：只對table標簽設置紅色邊框樣式 */
</style>

二、對td設置邊框   

對table表格td設置邊框樣式，表格對象內td將實現邊框樣式，但中間部分td會導致出現雙邊框。

<style>
.table-b table  td {border:1px solid #F00}
/* css注釋：只對table td標簽設置紅色邊框樣式 */
</style>

三、對table和td技巧性設置表格邊框  

如上第二點，只對表格對象td設置單一邊框樣式，中間部分td與td標簽之間就會出現雙邊框現象。

解決方法：對td只設置兩個邊的邊框，對table也設置兩個邊的邊框樣式。

解釋：對td設置左與上邊框，這樣td與td相鄰就會只出現單一邊框樣式，這樣就會出現表格右側和下部沒有邊框，這個時候我們設置table右和下 邊框解決顯示右側和下側td剩下未顯示邊框。

<style>
.table-c table{border-right:1px solid #F00;border-bottom:1px solid #F00}
.table-c table td{border-left:1px solid #F00;border-top:1px solid #F00}
/* css 注釋：
只對table td設置左與上邊框；
對table設置右與下邊框；
*/</style>

四、對table和td設置背景，實現完美表格邊框 

單元格邊距(表格填充)(cellpadding) -- 代表單元格外面距離,用於隔開單元格與單元格之間的空間

單元格間距(表格間距)(cellspacing) -- 代表表格邊框與單元格補白的距離。

設置table 背景色為紅色，並對<table>標簽內cellspacing="1"，設置table td背景為白色

<style>
.table-d table{ background:#F00;
          width="400"  border="0"  cellspacing="1" cellpadding="0"  }
.table-d table td{ background:#FFF}
/* css注釋：設置table背景為紅色，td背景為白色 */
</style>