CSS 表格頂端對齊是一種常用的網頁設計技術，可以讓表格的頂部內容自動對齊。通過使用 CSS 的 `text-align: center` 屬性，可以輕松實現表格頂部對齊。

在 HTML 中，可以使用表格元素來創建表格。表格元素包含一個 `td` 和 `th` 標簽，每個標簽都可以用于創建一個單元格。例如，下面的代碼創建了一個一個簡單的 10 行 10 列的表格：

```html

<table>

<tr>

<td>第一行</td>

<td>第一列</td>

<td>第一行</td>

</tr>

<tr>

<td>第二行</td>

<td>第二列</td>

<td>第二行</td>

</tr>

<tr>

<td>第三行</td>

<td>第三列</td>

<td>第三行</td>

</tr>

<tr>

<td>第四行</td>

<td>第四列</td>

<td>第四行</td>

</tr>

<tr>

<td>第五行</td>

<td>第五列</td>

<td>第五行</td>

</tr>

<tr>

<td>第六行</td>

<td>第六列</td>

<td>第六行</td>

</tr>

<tr>

<td>第七行</td>

<td>第七列</td>

<td>第七行</td>

</tr>

<tr>

<td>第八行</td>

<td>第八列</td>

<td>第八行</td>

</tr>

<tr>

<td>第九行</td>

<td>第九列</td>

<td>第九行</td>

</tr>

</table>

在這個例子中，表格的頂部內容被分成了五個單元格，每個單元格都有一個標題。現在讓我們使用 CSS 來實現表格頂部對齊。

在 CSS 中，可以使用 `text-align` 屬性來設置文本的對齊方式。`text-align: center` 屬性將整個文本都居中對齊。例如，下面的代碼將表格的頂部內容自動居中對齊：

```css

table {

text-align: center;

這個代碼將表格的頂部內容自動居中對齊。現在，我們可以輕松地讓表格頂部內容對齊了。

當然，除了 `text-align: center`，還有很多其他的對齊方式可以使用。例如，`text-align: right` 將文本向右對齊，`text-align: left` 將文本向左對齊。通過試驗不同的對齊方式，可以找到最適合表格的對齊方式。

通過使用 CSS 表格頂端對齊技術，可以輕松地讓表格頂部內容自動對齊，提高網頁設計的效率。