HTML怎么改变表格间距
时间: 2024-03-16 22:45:31 浏览: 13
在 HTML 中,可以通过 CSS 来改变表格的间距。可以使用 `border-spacing` 或 `border-collapse` 属性来改变表格的间距。
1. 使用 `border-spacing` 属性来改变表格的间距,例如:
```html
<style>
table {
border-spacing: 10px; /* 设置表格的间距为 10px */
}
</style>
<table>
<tr>
<td>单元格 1</td>
<td>单元格 2</td>
</tr>
<tr>
<td>单元格 3</td>
<td>单元格 4</td>
</tr>
</table>
```
2. 使用 `border-collapse` 属性来改变表格的间距,例如:
```html
<style>
table {
border-collapse: separate; /* 分离单元格边框,使其拥有间距 */
border-spacing: 10px; /* 设置表格的间距为 10px */
}
</style>
<table>
<tr>
<td>单元格 1</td>
<td>单元格 2</td>
</tr>
<tr>
<td>单元格 3</td>
<td>单元格 4</td>
</tr>
</table>
```
以上两种方法都可以改变表格的间距,不同之处在于 `border-collapse` 属性会影响表格的边框样式。如果设置为 `collapse`,则相邻单元格的边框会合并为一个;如果设置为 `separate`,则相邻单元格的边框会分离。