HTML 的表格是 Web 網頁開發中非常常用的元素。在使用表格時，很多時候需要給表格的標題設置邊框，以便界面更加美觀。以下是如何設置表格標題的邊框。
首先，在 `
` 標簽中，使用 `` 標簽來定義表格的標題。當然也可以使用簡單的文本作為標題，但是使用 `` 標簽可以更好的區分出來表格的標題，并且在編寫 CSS 樣式時也有更多的選擇。
示例如下：<table>
<caption>表格標題</caption>
<tr>
<th>列1</th>
<th>列2</th>
</tr>
<tr>
<td>行1-列1</td>
<td>行1-列2</td>
</tr>
<tr>
<td>行2-列1</td>
<td>行2-列2</td>
</tr>
</table>
在使用了 `` 標簽定義了標題之后，可以使用 CSS 的偽元素 `::before` 和 `::after` 來分別在標題上下添加邊框。代碼如下：<style>
caption::before {
content: "";
display: block;
border-top: 1px solid #aaa;
margin-bottom: 10px;
}
caption::after {
content: "";
display: block;
border-bottom: 1px solid #aaa;
margin-top: 10px;
}
</style>在上面的代碼中，`caption::before` 選擇器用于在標題上方添加邊框，`caption::after` 選擇器用于在標題下方添加邊框。具體的樣式可以根據需求進行修改，例如修改邊框的粗細、顏色等等。
最終效果如下：表格標題| 列1 | 列2 |
|---|
| 行1-列1 | 行1-列2 |
| 行2-列1 | 行2-列2 |
可以看到，表格標題的上下方分別添加了一條 1px 的灰色邊框，使得表格更加美觀。
