在CSS中,<td>
元素定義了HTML表格中行中的單元格。為了定義單元格之間的距離,我們可以使用padding
和cellspacing
屬性。
padding
屬性定義了單元格和單元格內容之間的空間大小。此屬性的值可以是一個數值,比如10px
,也可以是一個百分比,比如5%
。具體取決于你的設計需求。
td { padding: 5px; }
cellspacing
屬性定義單元格之間的空間大小。該屬性只應用于整個表格元素,而不是單個單元格。其值可以是一個數值,也可以是一個百分比,例如10px
或2%
。然而,它不會影響單元格邊框之間的距離。
table { cellspacing: 10px; }
如果您需要為每個單元格之間定義不同的距離,您可以使用border-spacing
屬性。該屬性將在單元格之間創建與cellspacing
屬性相同的空間,同時對于單元格邊框之間的距離也有相同的效果。
table { border-spacing: 10px; } td { padding: 5px; }
總而言之,通過上述屬性,我們可以為單元格定義所需的距離和間隔,從而創造出各種各樣的表格布局。