在網(wǎng)頁(yè)中，用表格來(lái)展現(xiàn)信息是很常見的。而表格中的表頭是非常重要的一部分，因?yàn)樗軌蚋嬖V用戶該表格的內(nèi)容組織和意義所在。因此，將表頭居中放置是一種常見的美化方法。在CSS中，我們可以使用text-align屬性來(lái)實(shí)現(xiàn)表頭居中的效果。 下面是一個(gè)簡(jiǎn)單的HTML表格，它包括了表格頭、表格主體以及表格尾三個(gè)部分。其中表格頭部分用th標(biāo)簽表示，表格主體用td標(biāo)簽表示：

<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"> 總?cè)藬?shù)：2 </td> 
</tr>
</tfoot>
</table>

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

th {
text-align:center;
}

這樣，所有表格頭部分的內(nèi)容就會(huì)被居中顯示。 當(dāng)然，我們也可以給不同的表頭單獨(dú)設(shè)置居中樣式。例如，假如我們只想讓“年齡”這個(gè)表頭單獨(dú)居中，就可以這樣寫：

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

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