在網頁設計中，表格的使用非常普遍，表格的表頭也是非常重要的。而表頭的居中效果是一個很常見的需求。下面，我們就來講一下如何使用 CSS 來實現表頭居中的效果。 首先，在 HTML 中，我們需要用 th 標簽來定義表頭。如下所示，我們定義了一個表格，其中有三列，第一行為表頭。

<table>
<tr>
<th>姓名</th>
<th>性別</th>
<th>年齡</th>
</tr>
<tr>
<td>小明</td>
<td>男</td>
<td>18</td>
</tr>
<tr>
<td>小紅</td>
<td>女</td>
<td>20</td>
</tr>
</table>

然后，在 CSS 中，我們可以給表頭的 th 標簽設置 text-align 屬性來實現居中的效果。如下所示，我們將表頭的 text-align 屬性設置為 center。

table th {
text-align: center;
}

通過以上代碼，我們就可以實現表頭的居中效果了。當然，如果需要對表頭進行更細節的樣式美化，我們也可以通過其它 CSS 屬性來完成。