boder collapse
时间: 2023-07-28 12:45:30 浏览: 50
Box model 中的 border-collapse 属性用于控制相邻元素的边框是否合并为一个单一边框。当设置为 collapse 时,相邻元素的边框会合并为一个单一边框,而当设置为 separate 时,则不会合并。
值得注意的是,border-collapse 只对表格相关元素有效,如 table, td, th 等。在其他元素中使用 border-collapse 属性不会产生效果。
相关问题
border-collapse:collapse boder-radius 不起作用
`border-collapse: collapse` 是用来合并表格边框的属性,它会将相邻单元格的边框合并为一条边框,因此 `border-radius` 不会起作用。如果想要为表格单元格设置圆角,可以将 `border-collapse` 属性设置为 `separate`,并分别设置每个单元格的边框样式及圆角。示例代码如下:
```css
table {
border-collapse: separate;
border-spacing: 0;
}
td {
border: 1px solid #000;
border-radius: 10px;
}
```
boder-radius
border-radius是CSS中的一个属性,用于设置元素的圆角。它可以应用于所有四个角,也可以单独应用于某个角。例如,border-radius: 10px;会将元素的四个角都设置为10像素的圆角。而border-radius: 10px 5px 20px 15px;则会分别设置元素的左上角、右上角、右下角和左下角的圆角大小。