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 属性，您可以设置边框的颜色。