HTML 表格内边距和间距
HTML 表格可以调整单元格内的内边距,以及单元格之间的间距。
| 你好 | 你好 | 你好 |
| 你好 | 你好 | 你好 |
| 你好 | 你好 | 你好 |
| 你好 | 你好 | 你好 |
| 你好 | 你好 | 你好 |
| 你好 | 你好 | 你好 |
HTML 表格 - 单元格内边距
单元格内边距是单元格边缘和单元格内容之间的空间。
默认情况下,内边距设置为 0。
要在表格单元格中添加内边距,请使用 CSS padding 属性。
仅在内容上方添加内边距,请使用 padding-top 属性。
其他侧边则使用 padding-bottom、padding-left 和 padding-right 属性。
示例
th, td {
padding-top: 10px;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 40px;
}
自己动手试一试 »
HTML 表格 - 单元格间距
单元格间距是每个单元格之间的空间。
默认情况下,间距设置为 2 像素。
要更改表格单元格之间的间距,请在 table 元素上使用 CSS border-spacing 属性。