在網頁設計中，表格是一個非常常用的元素。為了讓表格看起來更清晰整潔，我們需要設置單元格的邊距。在 CSS 中，我們可以使用padding屬性來設置單元格的內間距，使用border-spacing屬性來設置單元格之間的距離。

首先，讓我們來看一下如何使用padding屬性設置單元格的內間距。該屬性可以接受一個或多個值，分別對應單元格內上、右、下、左四個方向上的間距。例如：

td {
padding: 10px 20px;
}

這將為每個單元格設置上下內間距為 10 像素，左右內間距為 20 像素。

當然，如果你希望分別為單元格的上下和左右分別設定不同的內邊距，可以這樣寫：

td {
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
}

接下來，我們來看看如何使用border-spacing屬性設置單元格之間的距離。該屬性只對具有單元格邊框的表格有效，并且只能設置整個表格的單元格之間距離，而不是單獨設置每個單元格之間的距離。例如：

table {
border-spacing: 20px;
}

這將設置表格中每個單元格之間的距離為 20 像素。如果需要單獨設置某一行或某一列的單元格之間的距離，可以使用border-collapse屬性和border-spacing屬性一起配合使用。例如：

table {
border-collapse: separate; /* 將邊框分離出來 */
border-spacing: 20px;
/* 設置第 2 行的單元格之間距離為 30 像素 */
border-spacing: 20px 30px; 
}

以上就是關于使用 CSS 設置單元格邊距的一些介紹。希望對大家在設計網頁時有所幫助。