border-spacing属性

border-spacing属性是CSS中用来制定相邻的表格单元格之间的间距的属性。它是一个简写属性，包括border-collapse属性和两个值：水平和垂直间距。如果border-collapse属性是collapse，那么border-spacing属性不起作用。

相关问题

border-spacing

`border-spacing` 是一个 CSS 属性，用于设置表格单元格之间的间距。它可以像下面这样使用：

table {
  border-spacing: 10px;
}

这将在表格的所有单元格之间添加 10 像素的间距。如果想要为水平和垂直方向上的间距分别设置不同的值，可以使用 `border-spacing` 的两个值，例如：

table {
  border-spacing: 5px 10px;
}

这将在水平方向上设置 5 像素的间距，在垂直方向上设置 10 像素的间距。

table { display: table; border-collapse: separate; box-sizing: border-box; text-indent: initial; border-spacing: 2px; border-color: gray; }

您提供的代码是用于设置表格的 CSS 样式。让我逐行解释每个属性的含义：

table {
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: initial;
    border-spacing: 2px;
    border-color: gray;
}

- `display: table;`：将元素作为表格显示，这是默认值，通常不需要显式指定。
- `border-collapse: separate;`：指定表格边框的合并方式为分离模式。默认情况下，相邻单元格的边框会合并为一条边框线，使用分离模式可以让相邻单元格的边框独立显示。
- `box-sizing: border-box;`：指定元素的盒模型为 border-box 模式，这意味着元素的宽度和高度包括内容区、内边距和边框的大小，而不会受到外边距的影响。
- `text-indent: initial;`：指定文本内容的缩进为初始值，通常为 0。
- `border-spacing: 2px;`：指定相邻单元格之间的间距为 2 像素。如果使用了 `border-collapse: separate;`，则可以使用 `border-spacing` 属性来控制单元格之间的间距。
- `border-color: gray;`：指定表格边框的颜色为灰色。这是一个简写属性，可以指定表格的四个边框颜色，也可以只指定一个颜色值应用于所有边框。

这些样式属性可以应用于 `<table>` 元素，用于自定义表格的外观和行为。请根据您的实际需求进行调整和使用。