html表格中间的空隙
时间: 2024-05-09 08:16:18 浏览: 142
html表格设置单元格和单元格之间间距为0,还存在间隙
5星 · 资源好评率100%
如果你想要在 HTML 表格的单元格之间增加一些空隙,可以使用 CSS 的 `border-spacing` 属性。这个属性可以为表格中的单元格之间设置一个间距。
例如,下面的 CSS 代码将为表格中的单元格之间设置 10px 的间距:
```css
table {
border-collapse: separate;
border-spacing: 10px;
}
```
其中,`border-collapse: separate;` 是指将表格的边框分离开来,而不是合并在一起。这样才能使 `border-spacing` 属性生效。
另外,如果你只想在表格的某个方向(例如水平方向或垂直方向)增加间距,可以分别使用 `border-spacing-x` 和 `border-spacing-y` 属性。
```css
table {
border-collapse: separate;
border-spacing-x: 10px;
border-spacing-y: 20px;
}
```
阅读全文