CSS表格標題位于表格下方，可以實現在表格下方添加標題，使表格更加美觀、易讀。下面我們來看一下如何實現。

/*CSS樣式*/
.container{
text-align: center;
}
.container table{
border-collapse: collapse;
width: 100%;
}
.container th{
background-color: #ccc;
}
.container td,
.container th{
border: 1px solid #999;
padding: 5px;
}
.container caption{
caption-side: bottom;
margin-top: 10px;
font-size: 18px;
font-weight: bold;
color: #333;
}

首先，我們在HTML中添加一個父元素作為容器，將整個表格放在容器中。CSS樣式中，使用text-align: center將表格居中；border-collapse: collapse讓表格邊框重合；th和td都設置為border: 1px solid #999，分別為表頭和單元格；caption-side: bottom讓標題位于表格底部，設置margin-top: 10px微調標題顯示位置；font-size、font-weight和color設置標題字體大小、粗細和顏色。

最后，在HTML中使用caption標簽來添加標題，如下所示：

<!--HTML代碼-->
<div class="container">
<table>
<caption>表格標題</caption>
<tr>
<th>姓名</th>
<th>年齡</th>
<th>性別</th>
</tr>
<tr>
<td>張三</td>
<td>18</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>20</td>
<td>女</td>
</tr>
</table>
</div>

使用container類包裹整個表格，caption標簽中添加標題文字，tr和td標簽添加表格數據。

通過上述CSS樣式和HTML代碼的結合，我們就可以實現CSS表格標題位于表格下方的效果。