HTML 表格边框

HTML 表格可以具有不同样式和形状的边框。

如何添加边框

要添加边框，请在 table、th 和 td 元素上使用 CSS border 属性。

合并表格边框

要避免出现上面示例中的双重边框，请将 CSS border-collapse 属性设置为 collapse。

这将使边框合并为单个边框。

样式化表格边框

如果为每个单元格设置背景色，并将边框设置为白色（与文档背景色相同），则会产生边框不可见的印象。

圆角表格边框

使用 border-radius 属性，边框将获得圆角。

通过从 CSS 选择器中省略 table 来跳过表格周围的边框。

虚线表格边框

使用 border-style 属性，您可以设置边框的外观。

允许的值如下：

• dotted     
• dashed     
• solid     
• double     
• groove     
• ridge     
• inset     
• outset     
• none     
• hidden     

边框颜色

使用 border-color 属性，您可以设置边框的颜色。