border-spacing 是 CSS 的属性之一,主要用于控制表格元素中的单元格之间的间距。

语法示例:
table {
  border-spacing: horizontal vertical;
}

  •  horizontal: 表示水平方向上的间距,可以是一个数值,也可以是百分比。

  •  vertical: 表示垂直方向上的间距,同样可以是一个数值或百分比。


下面是一个简单的例子:
table {
  border-collapse: separate; /* 设置为 separate 表示单元格边框不合并 */
  border-spacing: 10px 5px; /* 设置水平方向上的间距为10像素,垂直方向上的间距为5像素 */
}

在这个例子中,border-spacing 属性定义了表格中单元格之间的间距,水平方向上为10像素,垂直方向上为5像素。需要注意,为了让 border-spacing 生效,border-collapse 属性应该设置为 separate,表示不合并单元格边框。默认情况下,表格的边框是合并的(border-collapse: collapse),此时 border-spacing 不会起作用。


转载请注明出处:http://www.zyzy.cn/article/detail/4142/CSS