HTML表格的設計是網頁開發中必不可少的部分，它可以讓網頁布局更加有序，容易閱讀。而設置表格行之間的距離，則是讓網頁更加美觀和易讀的關鍵。在HTML中，可以使用CSS的border-spacing屬性來控制表格行之間的距離。下面我們來看看如何使用HTML表格設置行之間的距離。 首先，我們需要創建一個簡單的HTML表格，其中包含多行和多列。代碼如下：

<table>
<tr>
<th>Name</th>
<th>Age</th>
<th>Gender</th>
</tr>
<tr>
<td>John</td>
<td>25</td>
<td>Male</td>
</tr>
<tr>
<td>Mary</td>
<td>30</td>
<td>Female</td>
</tr>
<tr>
<td>Peter</td>
<td>28</td>
<td>Male</td>
</tr>
</table>

接下來，我們使用CSS的border-spacing屬性來控制表格行之間的距離。在CSS中，可以將border-spacing屬性設置為一個值，例如10px，這將在單元格之間創建一個10像素的間隙。代碼如下：

<style>
table {
border-collapse: collapse;
border-spacing: 10px;
}
th, td {
border: 1px solid black;
padding: 10px;
}
</style>

在上面的代碼中，我們使用了border-collapse屬性將表格邊框合并成為單一邊框。然后，通過設置border-spacing屬性來控制單元格與單元格之間的距離。最后，我們使用了th和td選擇器來設置表格的樣式和內邊距。 總之，在HTML中，使用CSS的border-spacing屬性可以讓我們輕松地控制表格行之間的距離，并讓我們的網站更加美觀和易讀。