表格是網頁中常用的元素之一，為了讓表格更具可讀性和美觀性，我們可以通過CSS來為表格單元格設置樣式。

首先，我們需要了解表格的結構。一個基本的表格由<table>元素包圍，其中每行由<tr>元素組成，每個單元格則由<td>或<th>元素定義。其中<td>用于通常單元格，<th>用于表頭單元格。在CSS中，我們使用“td”和“th”作為選擇器來設置樣式。

/*設置所有單元格為白色文本，灰色背景，黑色邊框*/
td,th {
color: #fff;
background-color: #777;
border: 1px solid #000;
}

接著，我們可以通過偽類選擇器為不同狀態下的單元格設置樣式。例如，當鼠標懸停在單元格上時，我們可以通過“:hover”選擇器來設置不同的背景顏色。

/*鼠標懸停時，單元格背景顏色變為藍色*/
td:hover {
background-color: #00f;
}

還可以通過屬性選擇器為特定單元格設置樣式。例如，我們可以針對某一列的單元格設置特定的寬度。

/*給第一列所有單元格設置寬度為20%*/
td:first-child, th:first-child {
width: 20%;
}

除了設置顏色、文字等基本樣式外，我們還可以通過CSS為單元格添加動畫效果。例如，當數據發生變化時，我們可以使用“transition”屬性為數值單元格添加變化動畫。

/*設置變化動畫時長為1秒*/
td.num {
transition: 1s;
}
/*鼠標懸停時，字體加粗，數值變大*/
td.num:hover {
font-weight: bold;
font-size: 1.5em;
}

通過以上示例，我們可以看到CSS為表格單元格提供了豐富的樣式設置選項，通過靈活使用CSS，我們可以創建出更為美觀、易讀的表格。