CSS樣式表可以用來改變網頁的樣式，其中包括表格中單元格（td）的樣式。下面我們詳細介紹如何使用CSS來設計表格單元格的樣式。

td {
border: 1px solid black; /*設置邊框*/
padding: 10px;           /*設置內邊距*/
text-align: center;      /*設置文本居中*/
background-color: #f2f2f2; /*設置背景色*/
}

上面的代碼是一個通用的單元格樣式，可以將它應用于所有的td元素上。通過調整上述屬性的值，可以實現不同的單元格樣式，比如：

/*設置表頭的樣式*/
td.header {
background-color: #4CAF50;
color: white;
}
/*設置數據單元格的樣式*/
td.data {
background-color: #f2f2f2;
color: black;
}
/*設置鼠標懸停時的樣式*/
td:hover {
background-color: yellow;
}

通過給單元格設置 class（類），可以對不同類型的單元格設置不同的樣式。在 HTML 中，可以這樣寫：

<table>
<thead>
<tr>
<td class="header">姓名</td>
<td class="header">年齡</td>
<td class="header">性別</td>
</tr>
</thead>
<tbody>
<tr>
<td class="data">張三</td>
<td class="data">18</td>
<td class="data">男</td>
</tr>
<tr>
<td class="data">李四</td>
<td class="data">23</td>
<td class="data">女</td>
</tr>
</tbody>
</table>

上面的例子中，所有的表頭單元格都設置了 class="header"，所有的數據單元格都設置了 class="data"。然后，我們可以在 CSS 中為這兩個類分別設置樣式。

總之，通過使用 CSS 樣式表，我們可以輕松地設計表格單元格的樣式。通過設置邊框、內邊距、文本對齊方式、背景色等屬性，可以實現不同的單元格樣式。如果需要對不同類型的單元格設置不同的樣式，可以使用 class（類）來實現。