css设置表格没有间距

CSS可以轻松地使用零间距设置表格的样式。 首先，在HTML代码中，Table标签通常用于创建表格。 由于浏览器在呈现表格时会自动添加一些默认样式，因此我们需要使用CSS来覆盖这些样式。

/* 设置表格边框为0px */table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* 设置单元格边框为0px */td, th {
    padding: 0;
    border: none;
}
    

以上代码将表格边框和单元格边框的值分别设为0。border-collapse: collapse; 属性用于将边框线合并为单个线条，没有间距。 border-spacing: 0; 将表格边框设置为0。 padding: 0; 和border: none; 将单元格的padding和border设置为0，从而使表格单元格之间没有间距。

现在，您可以在没有间距的情况下呈现漂亮的表格了。

如果您希望所有表格都没有间距，可以在样式表中使用通用选择器：

/* 删除所有表格和单元格的边框和间距 */* {
    border-collapse: collapse;
    border-spacing: 0;
}
td, th {
    padding: 0;
    border: none;
}
    

现在，您已经学会了如何轻松设置没有间距的表格！

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