CSS表格合并后邊框變細的效果可以通過以下代碼實現:
table { border-collapse: collapse; } td { border: 1px solid black; } td[colspan], td[rowspan] { border: none; } td[colspan]:first-child, td[rowspan]:first-child { border-top: 1px solid black; border-left: 1px solid black; } td[colspan]:last-child, td[rowspan]:last-child { border-bottom: 1px solid black; border-right: 1px solid black; }
首先,使用border-collapse: collapse;
來讓表格的邊框合并為一條。然后,給所有
對于合并的單元格,需要將其邊框設置為none。同時,對于合并的單元格中第一個
通過以上代碼,就可以實現合并單元格后邊框變細的效果。