在網(wǎng)頁布局中，CSS表格是一個(gè)非常有用的元素，可以使信息的排版更加整潔和美觀。但是，默認(rèn)情況下，表格中的元素之間間隔太小，不利于查看。此時(shí)，解決問題的方法就是設(shè)置表格間距。

table {
border-collapse: collapse;
border-spacing: 0;
}

在CSS中，使用border-spacing屬性來設(shè)置表格的間距。這個(gè)屬性有兩個(gè)值，分別是水平間距和垂直間距。通常情況下，我們可以設(shè)置這兩個(gè)值相等。如果只設(shè)置一個(gè)值，則會(huì)自動(dòng)將另一個(gè)值設(shè)置成相同的值。

需要注意的是，如果設(shè)置了border-collapse屬性為collapse，則不需要設(shè)置border-spacing屬性，因?yàn)檫@個(gè)屬性對(duì)于合并邊框的表格沒有作用。

table {
border-collapse: separate;
border-spacing: 10px;
}

上面的代碼中，我們將border-collapse屬性設(shè)置為separate，然后將border-spacing設(shè)置為10px。這樣，表格中的元素之間就會(huì)有10px的間隔。如果要控制水平間距和垂直間距的值不同，可以這樣設(shè)置：

table {
border-collapse: separate;
border-spacing: 10px 5px;
}

這樣，水平間距為10px，垂直間距為5px。同樣的，如果只想設(shè)置一個(gè)值，可以這樣設(shè)置：

table {
border-collapse: separate;
border-spacing: 20px;
}

這樣，水平間距和垂直間距都為20px。

綜上所述，設(shè)置CSS表格間距是非常簡(jiǎn)單的，只需要用border-spacing屬性即可。想要表格更美觀，不妨試試調(diào)整一下間距看看效果。