CSS表格2折疊邊框是一種很常用的技巧，它可以讓表格的邊框看上去更加清新、簡潔，同時還能增加表格的可讀性和美觀性。

實現這種效果，我們需要在CSS中使用兩種偽元素：before和after。在before和after中，我們可以設置表格邊框的樣式，以及控制它們如何折疊。

/* 設置表格的偽元素 */
table {
position: relative;
border-collapse: collapse;
}
table:before,
table:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #ccc; /* 設置邊框的樣式 */
pointer-events: none; /* 將事件處理指向原來的元素，這個很重要 */
box-sizing: border-box; /* 設置盒子模型為border-box */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
/* 控制表格邊框的折疊方式 */
table:before {
z-index: 2;
border-bottom: none;
border-right: none;
}
table:after {
z-index: 1;
border-top: none;
border-left: none;
}
table td,
table th {
position: relative;
}
table td:before,
table th:before {
content: "";
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
border: 1px solid #ccc;
}

在上面的代碼中，我們首先設置了表格的偽元素:before和:after，設置它們的樣式和邊框折疊方式。接著在表格的和中，也設置了一個偽元素:before，用來覆蓋表格的真正邊框。

最后，通過上面這些設置，我們就能實現CSS表格2折疊邊框的效果了。這種效果在很多時候都是很有用的，能讓我們更好的展示表格數據。