CSS是網頁設計中非常重要的一部分，它控制著網頁的樣式和布局。其中表格也是常用的網頁元素之一，但是很多人在使用CSS美化表格時會遇到表格標題與表格之間距離設置的問題。

一個簡單的表格可以這樣寫：

<table>
<thead>
<tr>
<th>姓名</th>
<th>年齡</th>
<th>性別</th>
</tr>
</thead>
<tbody>
<tr>
<td>小明</td>
<td>18</td>
<td>男</td>
</tr>
<tr>
<td>小紅</td>
<td>17</td>
<td>女</td>
</tr>
</tbody>
</table>

但是默認情況下，表格標題與表格之間會有很大的距離，影響整個頁面的美觀度。因此我們需要進行調整。

首先我們需要用CSS來控制表格標題的樣式：

<style>
th {
background-color: #333;
color: #fff;
font-weight: bold;
text-align: center;
padding: 10px;
}
</style>

使用th標簽選擇表格標題，并設置其背景色、文字顏色、字重等屬性，讓表格標題看起來更加美觀。

接下來我們需要使用CSS來減小表格標題與表格之間的距離：

<style>
table {
border-collapse: collapse;
margin-top: 20px;
}
th {
background-color: #333;
color: #fff;
font-weight: bold;
text-align: center;
padding: 10px;
}
td, th {
border: 1px solid #333;
padding: 5px;
}
</style>

通過設置table標簽的margin-top屬性為20px來減小表格標題與表格之間的距離。但是需要注意的是，這里的margin-top屬性是作用于table標簽而非thead標簽。

好的，通過以上的設置，我們已經成功地將表格標題與表格之間的距離減小了，讓表格看起來更加美觀了！