border-spacing 是 CSS 中用于设置表格单元格边框之间的空白间距的属性。这个属性通常用于控制表格的外边距。

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