CSS中有时需要让两个边框线合并成一个,这种情况下可以使用border-collapse属性。
table {
border-collapse: collapse;
}
这样设置后,table中相邻的单元格之间的边框线将会合并成一个较粗的线条。
table, th, td {
border: 1px solid black;
}
如果不设置border-collapse,则会出现相邻单元格之间的两个边框线分别显示,较差的视觉体验。
需要注意的是,border-collapse属性仅适用于table元素。