首先,我們需要知道的是:我們可以對表格table設置margin,而不能設置padding;對單元格td設置padding,而不能設置margin。所以說,我們不能對單元格td設置margin屬性來調整單元格與單元格之間的距離,但是我們可以使用一下方法來達到同樣的效果。
1) 設置padding
就像剛才所說的那樣,我們可以對單元格td設置padding屬性來調整單元格之間的間隔
td{padding:5px 10px;}
2) 使用標簽
我們可以在單元格td內添加標簽,然后對標簽設置margin屬性
p{margin:5px 10px;}
3) 對表格table設置border-spacing(IE不支持)
先讓我們簡單了解一下border-spacing屬性。border-spacing:length;設置單元格td的邊在橫向和縱向上的間距。當您指定一個length值時,這個值將作用於橫向和縱向上的間距;當您指定兩個length值時,第一個將作用於橫向間距,第二個值將作用於縱向間距。
table{border-spacing:5px 10px;}