在前端開發中，經常會使用到 CSS 來進行樣式的設置。其中，表格是 HTML 中比較常見的元素之一。但是，當我們在表格中添加樣式時，往往會遇到一個問題：無法調整單元格之間的間距。
好在 CSS 提供了一個屬性，可以幫我們解決這個問題，那就是
border-collapse屬性。
border-collapse 屬性有兩個值，分別是 collapse 和 separate。默認值是 separate，表示邊框與邊框之間是分開的。而當我們將其設置為 collapse 時，相鄰的邊框會合并成一個邊框線，從而實現了單元格之間的間距調整。
table {
border-collapse: collapse;
}
td {
border: 1px solid black;
padding: 10px;
}上述代碼中，我們先將 table 元素的 border-collapse 屬性設置為 collapse，然后再對 td 元素設置邊框和內邊距。這樣一來，就可以實現單元格之間的距離調整了。
需要注意的是，設置 border-collapse 屬性為 collapse 后，如果還想讓某些單元格之間有間距的話，可以將它們的內邊距（padding）調大來實現。另外，如果要添加表格外邊距，也需要通過外邊距（margin）來實現。
總的來說，使用 border-collapse 屬性可以方便地控制表格單元格之間的距離，讓表格更加美觀大方。