CSS中的collapse是指将元素的边框折叠在一起,使得相邻边框变为一条线,而不是在相邻部分重叠。这种效果在表格布局中特别常见。 table { bordercollapse: collapse; ...
CSS中的collapse是指将元素的边框折叠在一起,使得相邻边框变为一条线,而不是在相邻部分重叠。这种效果在表格布局中特别常见。
table {
border-collapse: collapse;
}
td, th {
border: 1px solid #ddd;
}
如上代码所示,通过在表格元素中使用border-collapse属性,可实现表格边框的折叠效果。这种效果在使用较多的纵向表格中可以带来很好的视觉效果。