在網(wǎng)頁中，表格是很常見的元素，而設置表格的字體居中，通常通過CSS樣式來實現(xiàn)。本文將介紹如何使用CSS來設置表格內容居中。 首先，我們需要用HTML代碼創(chuàng)建一個簡單的表格。如下所示：

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

在表格中，我們有一個包含表頭的行，表格的每一行都有三個單元格，分別是姓名、年齡和性別。這是一個非常基本的表格樣式，現(xiàn)在我們需要將表格內容居中。 要實現(xiàn)這個目標，我們需要在CSS樣式表中定義一些樣式規(guī)則。我們可以使用以下代碼示例：

p {
text-align: center;
}
table, th, td {
border: 1px solid black;
border-collapse: collapse;
text-align: center;
}
th, td {
padding: 10px;
}

在這段代碼中，我們首先定義了所有`

`標簽的`text-align`屬性為`center`，這樣表格的標題就會居中顯示。 接下來，我們使用了三種選擇器來定義表格自身及其單元格的樣式。設置了`border`為1px，并使用`border-collapse`樣式合并單元格的邊框。 最后，我們定義了`th`和`td`元素的`padding`屬性，以增加單元格內容與單元格邊框之間的間距。 通過上述CSS樣式，我們就能夠實現(xiàn)表格內容的居中顯示。這種簡單的CSS代碼可以用于任何表格，并且可以增加更多的樣式屬性以進一步改變表格外觀。