設置table表格的單元格間距兩種方式

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>

圖示:

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章