在html中如何让表格中的内容间距变大
时间: 2023-05-27 17:04:12 浏览: 157
Javascript合并表格中具有相同内容单元格示例
可以使用CSS属性padding来设置表格中单元格内部的间距大小。例如,将表格单元格的上下左右内边距都设置为10像素:
```html
<table>
<tr>
<td style="padding: 10px;">单元格1</td>
<td style="padding: 10px;">单元格2</td>
</tr>
<tr>
<td style="padding: 10px;">单元格3</td>
<td style="padding: 10px;">单元格4</td>
</tr>
</table>
```
也可以通过CSS样式表来设置整个表格的单元格内边距,例如:
```html
<style>
table {
border-collapse: collapse;
}
td {
padding: 10px;
}
</style>
<table>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
<tr>
<td>单元格3</td>
<td>单元格4</td>
</tr>
</table>
```
阅读全文