在網頁設計中，表格是常用的布局方式之一。然而，表格之間的間隙會影響頁面的整體美觀度。本文將介紹如何使用 CSS 去掉表格之間的間隙。 首先，讓我們來看一個普通的表格：

<table>
<tr>
<td>單元格 1</td>
<td>單元格 2</td>
</tr>
<tr>
<td>單元格 3</td>
<td>單元格 4</td>
</tr>
</table>

如上所示，這是一個簡單的包含兩行兩列的表格。我們可以發現，表格之間存在一定的間隔。這些間隔或多或少會影響網頁的美觀度。 為了解決這個問題，我們可以使用 CSS 樣式表來刪除表格之間的間隔。具體方法如下：

<style>
table {
border-collapse:collapse;
border-spacing: 0;
margin: 0 auto;
}
td {
padding: 10px;
border: 1px solid #ccc;
}
</style>

如上所示，我們將 table 元素的 border-collapse 屬性設置為 collapse，這會將兩個表格單元格之間的邊框合并為一個，從而減少表格之間的間隔。同時，我們將 border-spacing 屬性設置為 0，以完全消除表格之間的距離。 另外，我們還可以為表格單元格添加 padding 和 border 樣式屬性，以調整元素的內部和外部間距，從而達到更好的視覺效果。 在以上代碼中，我們還使用了 margin: 0 auto; 將表格居中對齊，讓網頁看起來更加美觀。 經過上述處理，我們可以看到，原本存在的表格之間的間隔已經被完全消除。 總之，通過對 CSS 樣式表的設置，我們可以輕松去掉表格之間的間隔，提高網頁的整體美觀度。