CSS 是網頁開發中不可缺少的技術，其中表格是常用的網頁布局。表格通過單元格來展示數據，同時也能幫助我們美化網頁。其中一個常見的美化方式就是添加網格線。接下來我們就來看看如何使用 CSS 來為表格添加網格線。

在 CSS 中，我們可以使用 border 屬性來為表格單元格添加邊框，它可以設置邊框的線型、顏色和寬度。但是，如果我們要為表格添加網格線，一個一個設置每個單元格的邊框就太麻煩了。這時，可以使用 border-collapse 和 border-spacing 屬性。

border-collapse 屬性用于控制相鄰單元格邊框的合并方式，它有 collapse 和 separate 兩個值。我們這里選擇使用 collapse 值，表示相鄰單元格的邊框會合并為一條線。border-spacing 屬性用于設置單元格之間的距離，它可以設置水平和垂直方向的距離。我們使用 2px 的距離來分隔單元格。

下面是添加表格網格線的代碼：

table {
border-collapse: collapse;
border-spacing: 2px;
}
td {
border: 1px solid black; /* 設置單元格邊框 */
padding: 5px;
}

通過以上設置，我們可以為表格添加美麗的網格線。當然，您可以根據實際需求調整 border-spacing 值來設置單元格之間的距離，以達到更好的視覺效果。