CSS 中表格邊框合并是一種優化布局的重要技術。當我們在設計網頁時，經常會用到表格來排列數據，但是這種排版容易造成視覺雜亂，降低用戶體驗。如果我們能夠利用邊框合并技巧，就能輕松地讓表格更具有可讀性。 要實現邊框合并，我們可以使用 CSS 樣式屬性：border-collapse 和 border-spacing。 border-collapse 屬性可以控制表格邊框是否合并，以及如何合并。它有兩個取值：collapse 和 separate。當取值為 collapse 時，表格邊框合并在一起；取值為 separate 時，邊框保持單獨。 border-spacing 屬性則可以控制表格格子之間的距離。通過調整這個屬性值，我們可以讓表格看起來更加整潔。 下面是一個示例代碼，演示了如何使用 CSS 實現表格邊框合并：

table {
border-collapse: collapse; /* 合并表格邊框 */
border-spacing: 0; /* 設置格子之間的距離 */
}
th, td {
border: 1px solid #ccc; /* 設置邊框樣式 */
padding: 8px; /* 設置格子內邊距 */
}

在這個例子中，我們通過設置 table 元素的 border-collapse 屬性為 collapse 來實現表格邊框合并。同時，我們還設置了 border-spacing 屬性為 0，這樣可以讓表格看起來更加緊湊。 如果要讓表格外邊框不合并，我們可以針對 table 元素設置 border 屬性，如下所示：

table {
border-collapse: collapse; /* 合并表格邊框 */
border-spacing: 0; /* 設置格子之間的距離 */
border: 1px solid #ccc; /* 設置表格外邊框 */
}

總之，表格邊框合并是一種實現網頁布局優化的有力技術。雖然它看起來很簡單，但是掌握這種技巧對于設計出更加優美的網頁布局是非常重要的。