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
属性