css中table的内外边框（css table 边框）

在CSS中，可以通过设置表格的内外边框来对表格进行美化。表格的外边框指的是表格的边框线，而内边框则是指表格中单元格之间的分隔线。

设置表格的内边框，可以使用border-spacing属性，该属性用于设置表格单元格之间的间距以及分隔线的宽度。

table {
    border-collapse: separate;
    border-spacing: 10px 5px;
}
td {
    border: 1px solid black;
}

在以上代码中，我们将table的border-collapse属性设置为separate，这是因为当为collapse时，会将单元格边框合并为一条，而且在设置分隔线时无效。而当设置为separate时，每个单元格都有自己的边框，分隔线才会有效果。

接着，我们使用border-spacing属性设置单元格之间的间距，第一个值10px表示水平间距，第二个值5px表示垂直间距。最后，我们将每个单元格的边框设置为1px黑色实线。

设置表格的外边框，我们可以使用border属性，该属性接受一个值，就是边框线的样式、宽度和颜色。

table {
    border: 1px solid black;
}

在以上代码中，我们将表格的边框设置为1px黑色实线。

最后，如果我们希望表格没有边框，可以将border属性设为none。如果只想隐藏表格的分隔线，可以将border-collapse属性设为collapse。

table {
    border-collapse: collapse;
}
td {
    border: none;
}
    

以上代码将表格的分隔线隐藏了，而且单元格也没有边框了。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！