標題：設置表格樣式的CSS代碼示例

在Web開發中，表格是一種非常常見的數據展示方式。表格單元格可以以表格形式展示數據，這對于數據管理、數據分析等領域都非常有用。為了讓表格更加美觀和易于使用，開發人員可以使用CSS來設置表格樣式。下面是一個設置表格樣式的CSS代碼示例：

HTML代碼示例：

```html

<table>

<thead>

<tr>

<th>姓名</th>

<th>年齡</th>

<th>性別</th>

</tr>

</thead>

<tbody>

<tr>

<td>張三</td>

<td>18</td>

<td>男</td>

</tr>

<tr>

<td>李四</td>

<td>20</td>

<td>女</td>

</tr>

<tr>

<td>王五</td>

<td>22</td>

<td>男</td>

</tr>

</tbody>

</table>

CSS代碼示例：

```css

table {

border-collapse: collapse;

width: 100%;

th, td {

border: 1px solid #ccc;

padding: 8px;

text-align: center;

tr:nth-child(even) {

background-color: #f2f2f2;

tr:hover {

background-color: #ddd;

在上述代碼中，我們首先使用了HTML的表頭和tbody元素來創建表格。然后，我們定義了表格的邊框樣式、單元格的border和內邊距等屬性。接下來，我們定義了表格的行和列的樣式，并使用了th和td標簽來分別表示行和列。最后，我們使用tr:hover屬性來控制鼠標懸停在單元格時的樣式，從而使得單元格的背景顏色變為黃色，表示單元格正在被用戶關注。

通過上述CSS代碼，我們可以輕松地為表格設置樣式，使其外觀更加美觀和易于使用。我們可以根據不同的需求和樣式要求，靈活地修改CSS代碼，以實現所需的樣式效果。