HTML 表格填充和间距

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

HTML 表格 - 单元格填充

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

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

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

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元素：

table {
border-spacing: 30px;
}