欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css表格合并后邊框變細

黃朝彬1年前7瀏覽0評論

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;來讓表格的邊框合并為一條。然后,給所有元素添加1像素的黑色邊框。

對于合并的單元格,需要將其邊框設置為none。同時,對于合并的單元格中第一個元素,需要顯示上邊框和左邊框,而最后一個元素需要顯示下邊框和右邊框。

通過以上代碼,就可以實現合并單元格后邊框變細的效果。