css 设置表格单元格间距
导读：CSS是一种样式表语言，可以用来控制文档内容的呈现方式，其中的表格单元格间距设置也是非常重要的一个部分。下面主要介绍如何在CSS中设置表格单元格间距。首先，在CSS中设置表格单元格间距需要使用一个叫做"border-collapse"属性的...
CSS是一种样式表语言，可以用来控制文档内容的呈现方式，其中的表格单元格间距设置也是非常重要的一个部分。下面主要介绍如何在CSS中设置表格单元格间距。首先，在CSS中设置表格单元格间距需要使用一个叫做"border-collapse"属性的属性值对。"border-collapse"属性值有两个可选值，一个是"collapse"，一个是"separate"。如果使用"collapse"值，表格单元格的边框会合并在一起，并且会忽略任何 cellpadding 或 cellspacing 属性。如果使用"separate"值，任何cellpadding或cellspacing属性定义的计量值都会被应用，并且表格单元格的边框不会合并。可使用的CSS属性如下：table {
border-collapse: collapse;
/*border-collapse: separate;
*/该属性值的默认值就是separateborder-spacing: 5px;
}
table, td, th {
border: 1px solid black;
}
在上面这个例子中，如果 border-collapse 属性被设置成 collapse ，表格的内部边距将会合并起来，且单元格与单元格之间不再呈现出边框。而border-spacing可以控制单元格之间的间距。由于单元格都是矩形，所以可以设置"border-spacing"属性值来控制单元格与单元格之间的空白间隙像样方的间距。"border-spacing"属性定义了边框之间的空格或间距的宽度。该属性规定了边框之间的空格大小。要明显清楚地将表格边框和单元格分开，使用较大的值，如15像素。要减小空隙大小，使用较小的数字，如3像素。如果不想看到任何空格，请将 "border-spacing" 以像素值 0 来定义。通过这些CSS属性值的设置，你就可以轻松的实现表格单元格间距的设置了。
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： css 设置表格单元格间距
本文地址： https://pptw.com/jishu/500278.html