HTML 表格填充和间距

HTML 表格可以调整单元格内部的填充，也可以调整单元格之间的空间。

HTML 表格 - 单元格填充

单元格填充是单元格边缘和单元格内容之间的空间。

默认情况下，填充设置为 0。

若要在表格单元格上添加填充，请使用 CSS 属性：padding

1
2
3

th, td {
  padding: 15px;
}

若要仅在内容上方添加填充，请使用该属性。padding-top

而其他人则支持、、和属性：padding-bottom``padding-left``padding-right

th, td {
  padding-top: 10px;  
  padding-bottom: 20px;  
  padding-left: 30px;  
  padding-right: 40px;
}

单元格间距是每个单元格之间的空间。

默认情况下，空间设置为 2 像素。

若要更改表格单元格之间的间距，请使用元素的 CSS 属性： border-spacing``table

1
2
3

table {  
  border-spacing: 30px;
}