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>
圖示: