语法示例:
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