CSS表格是網頁設計中常用的元素。它們可以幫助我們展示數據和信息，提供更好的視覺效果。然而，設置CSS表格的高度和間隔并不是一件容易的事情，需要仔細的考慮和實踐。本文將介紹如何使用CSS設置表格的高度和間隔，讓你的網頁更加美觀和實用。

table {
width: 100%; /* 表格寬度占父元素的100% */
border-collapse: collapse; /* 去除表格邊框 */
text-align: center; /* 控制表格居中對齊 */
}
td, th {
padding: 8px; /* 單元格內邊距 */
border: 1px solid #ccc; /* 單元格邊框 */
}
td {
background-color: #f1f1f1; /* 偶數行背景色 */
}
tr:nth-child(even) {
background-color: #f2f2f2; /* 奇數行背景色 */
}

以上是一個簡單的CSS表格代碼，但如果你想要控制表格的高度和間隔，需要額外的CSS屬性。

table {
height: 100%; /* 表格高度占父元素的100% */
border-spacing: 0; /* 表格間距為0，便于控制 */
}
td, th {
padding: 16px; /* 單元格內邊距 */
}
tr {
height: 20%; /* 每行高度占表格高度的20% */
}

通過以上代碼，你可以設置表格的高度和每行的高度百分比。此外，我們還可以使用border-spacing屬性來控制表格單元格之間的間距。如果你想要改變表格單元格的高度，可以調整padding屬性的值，這樣可以改變單元格的高度和寬度。

我們還可以設置表格的寬度和高度為固定值（如px，em和rem等值），但這樣將不靈活，不便于網頁調整和響應式設計。因此，在設計網頁時，應該允許表格的高度和間距自適應，以適應不同的屏幕設備和分辨率。

最后，通過使用CSS表格高度百分比間隔的技巧，你可以輕松的設計出美觀、有效的表格，方便數據的展示和呈現。希望我們介紹的CSS技巧可以幫助你更好的設計和展示表格。