border-collapse:collapse boder-radius 不起作用
时间: 2023-07-06 21:27:18 浏览: 114
解决border-radius失效问题
5星 · 资源好评率100%
`border-collapse: collapse` 是用来合并表格边框的属性,它会将相邻单元格的边框合并为一条边框,因此 `border-radius` 不会起作用。如果想要为表格单元格设置圆角,可以将 `border-collapse` 属性设置为 `separate`,并分别设置每个单元格的边框样式及圆角。示例代码如下:
```css
table {
border-collapse: separate;
border-spacing: 0;
}
td {
border: 1px solid #000;
border-radius: 10px;
}
```
阅读全文