在網頁中，用表格來展現信息是很常見的。而表格中的表頭是非常重要的一部分，因為它能夠告訴用戶該表格的內容組織和意義所在。因此，將表頭居中放置是一種常見的美化方法。在CSS中，我們可以使用text-align屬性來實現表頭居中的效果。 下面是一個簡單的HTML表格，它包括了表格頭、表格主體以及表格尾三個部分。其中表格頭部分用th標簽表示，表格主體用td標簽表示：

<table>
<thead>
<tr>
<th>姓名</th>
<th>性別</th>
<th>年齡</th>
</tr>
</thead>
<tbody>
<tr>
<td>張三</td>
<td>男</td>
<td>25</td>
</tr>
<tr>
<td>李四</td>
<td>女</td>
<td>22</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3"> 總人數：2 </td> 
</tr>
</tfoot>
</table>

為了讓表頭居中，我們可以在CSS中添加如下代碼：

th {
text-align:center;
}

這樣，所有表格頭部分的內容就會被居中顯示。 當然，我們也可以給不同的表頭單獨設置居中樣式。例如，假如我們只想讓“年齡”這個表頭單獨居中，就可以這樣寫：

th:nth-child(3) {
text-align:center;
}

其中，nth-child(3)表示選擇表格中的第三個元素，也就是“年齡”的表頭。 無論是整體居中，還是單獨設置某個表頭居中，我們都可以通過text-align屬性輕松實現。讓表格更加精美的布局，為用戶提供更佳的瀏覽體驗。