table表格裏設置單元格td之間的間距,通常用cellspacing設置單元格間距,有時候該屬性可能無效,或需要用其他方式時,可用其他方式實現,例如在背景是白色背景的時候,設置單元格td的border,邊框設置一定數值,邊框爲白色,這樣白色的邊框分隔了table的單元格,效果就類似設置了單元格間距。
例如該文,border-collapse:collapse和border:10px solid white,設置單元格間距是10px。
測試代碼:
<style>
table td{width:50px;height:50px;background:blue;}
#d2 table{border-collapse:collapse;}
#d2 table td{border:10px solid white;}
</style>
<div id="d1">
<table cellspacing=10>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
</div>
<div id="d2">
<table>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
</div>
圖示: