css tr设置圆角边框失败
时间: 2023-09-26 17:09:08 浏览: 50
如果你使用上述代码设置圆角边框失败,可能是因为你的浏览器不支持 CSS 3 的 border-radius 属性。你可以尝试使用浏览器厂商前缀来解决这个问题,示例代码如下:
```css
tr {
border: 1px solid #ccc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
```
这个代码中,我们使用了三个不同的前缀,分别是 -webkit-、-moz- 和没有前缀的 border-radius。这样,即使某些浏览器不支持 border-radius 属性,也能够在支持该属性的浏览器上正确地显示圆角边框。
相关问题
css tr 设置圆角边框
你可以使用 CSS 3 的 border-radius 属性来设置圆角边框,示例代码如下:
```css
tr {
border: 1px solid #ccc;
border-radius: 10px;
}
```
这会将表格行的边框设置为 1 像素宽的实线边框,圆角的半径为 10 像素。你可以根据需要调整边框的宽度、样式、颜色和圆角的大小。
css表格设置圆角边框
可以使用 CSS3 的 border-radius 属性来设置表格边框的圆角,例如:
table {
border-collapse: collapse;
}
td, th {
border: 1px solid #ccc;
padding: 0.5em 1em;
}
/* 圆角边框 */
td, th {
border-radius: 5px;
}