HTML 表格边框
HTML 表格可以具有不同样式和形状的边框。
如何添加边框
要添加边框,请对 table
、th
和 td
元素使用 CSS border
属性
折叠表格边框
要避免出现上面示例中的双边框,请将 CSS border-collapse
属性设置为 collapse
。
这将使边框合并成一个单一边框
样式化表格边框
如果您设置每个单元格的背景颜色,并为边框设置白色(与文档背景相同),您会看到一个不可见的边框效果
示例
table, th, td {
border: 1px solid white;
border-collapse: collapse;
}
th, td {
background-color: #96D4D4;
}
亲自试一试 »
圆形表格边框
使用 border-radius
属性,边框将获得圆角
通过从 css 选择器中省略 table
来跳过表格周围的边框
点状表格边框
使用 border-style
属性,您可以设置边框的外观。
允许以下值
dotted
dashed
solid
double
groove
ridge
inset
outset
none
hidden
边框颜色
使用 border-color
属性,您可以设置边框的颜色。