CSS控制表格間距的方法

在CSS中，我們可以使用多種方法來控制表格的間距，以下是一些常見的方法：

1、使用margin屬性

我們可以使用CSS的margin屬性來控制表格與周圍元素之間的間距，如果我們要在表格上方和下方都留出一定的空間，可以這樣做：

table {
  margin-top: 20px;
  margin-bottom: 20px;
}

2、使用padding屬性

除了margin屬性外，我們還可以使用CSS的padding屬性來控制表格內部元素之間的間距，如果我們要在表格的單元格之間留出一定的空間，可以這樣做：

table {
  padding: 10px;
}

3、使用border-spacing屬性

對于帶有邊框的表格，我們還可以使用CSS的border-spacing屬性來控制相鄰單元格之間的間距，如果我們要在表格的單元格之間留出20像素的空間，可以這樣做：

table {
  border-spacing: 20px;
}

需要注意的是，border-spacing屬性只在border-collapse屬性值為separate時使用有效，如果border-collapse屬性值為collapse，則相鄰單元格之間的間距將被合并為一個邊框寬度。

4、使用cellpadding和cellspacing屬性

在HTML中，我們還可以使用table元素的cellpadding和cellspacing屬性來控制表格內部元素之間的間距，如果我們要在表格的單元格之間留出一定的空間，可以這樣做：

<table cellpadding="10" cellspacing="10">
  <tr>
    <td>Cell 1</td>
    <td>Cell 2</td>
  </tr>
  <tr>
    <td>Cell 3</td>
    <td>Cell 4</td>
  </tr>
</table>

需要注意的是，這些屬性已經被廢棄，不建議在現代網頁中使用，它們已經被CSS樣式取代。