border-spacing 属性的语法如下:
table {
border-spacing: horizontal vertical;
}
其中,horizontal 和 vertical 分别表示水平和垂直方向上的空白间距。这两个值可以是长度值(像素、百分比等),也可以是 inherit 或 initial 等关键字。
示例:
/* 设置表格单元格之间的水平和垂直空白间距为10像素 */
table {
border-spacing: 10px;
}
如果想要分别设置水平和垂直方向上的间距,可以使用两个值:
/* 设置表格单元格之间的水平间距为10像素,垂直间距为5像素 */
table {
border-spacing: 10px 5px;
}
请注意,border-spacing 只对具有 border-collapse: separate; 属性的表格生效。如果 border-collapse 属性设置为 collapse,则不会应用 border-spacing。在这种情况下,单元格之间的边框会合并,而不考虑间距。
转载请注明出处:http://www.zyzy.cn/article/detail/6024/CSS