CSS合并TD是一種非常有用的技術，它可以幫助我們優化表格的排版，使表格更加美觀和易于閱讀。下面讓我們來學習一下CSS合并TD的用法吧！

td {
border: 1px solid #000;
}
td.colspan-2 {
border-right: none;    // 去除右側邊框
}
td.colspan-2 ~ td {
border-left: none;    // 去除左側邊框
}
td[colspan="2"] {
text-align: center;   //內容居中顯示
}

上面的代碼用到了CSS中的一些屬性和選擇器，下面解釋一下作用：

• td選擇器是指定所有表格的單元格應用相同的CSS樣式；
• td.colspan-2選擇器是指定有兩個合并單元格的單元格應用特殊的CSS樣式，在這里我們去掉了右側邊框以便更好地表現出合并的效果；
• td.colspan-2 ~ td選擇器是指定前面的合并單元格之后的所有單元格應用特殊的CSS樣式，我們去掉了左側邊框以便更好地表現出合并的效果；
• td[colspan="2"]選擇器是指定所有有兩個合并單元格的單元格應用特殊的CSS樣式，我們把單元格中的內容居中以便更好地展示。

了解了這些基本的CSS屬性和選擇器，我們就能夠靈活地應用合并單元格的CSS樣式，從而更好地展示我們的表格數據。