css表格设置圆角边框
时间: 2023-11-01 18:37:54 浏览: 52
可以使用 CSS3 的 border-radius 属性来设置表格边框的圆角,例如:
table {
border-collapse: collapse;
}
td, th {
border: 1px solid #ccc;
padding: 0.5em 1em;
}
/* 圆角边框 */
td, th {
border-radius: 5px;
}
相关问题
css tr 设置圆角边框
你可以使用 CSS 3 的 border-radius 属性来设置圆角边框,示例代码如下:
```css
tr {
border: 1px solid #ccc;
border-radius: 10px;
}
```
这会将表格行的边框设置为 1 像素宽的实线边框,圆角的半径为 10 像素。你可以根据需要调整边框的宽度、样式、颜色和圆角的大小。
设置表格的边框为3像素红色实线的圆角边框
您可以使用以下 CSS 样式来设置表格的边框为 3 像素红色实线的圆角边框:
```
table {
border: 3px solid red;
border-radius: 10px; /* 可以根据需要设置圆角半径 */
border-collapse: collapse;
}
th, td {
border: 3px solid red;
padding: 10px; /* 可以根据需要设置单元格内边距 */
}
```
在这个样式中,`border` 属性设置表格和单元格的边框为 3 像素的红色实线边框,`border-radius` 属性设置边框的圆角半径为 10 像素,`border-collapse` 属性设置表格边框合并为单一边框。`padding` 属性设置单元格内边距为 10 像素。