要调整 html 表格中单元格内容与边框的距离，应使用 cellpadding 属性。1. cellpadding 属性用于控制单元格内容与边框之间的距离，直接加在
| 单元格1 | 单元格2 |
| 单元格3 | 单元格4 |
这段代码会让表格里所有单元格的内容都离边框有 10 像素的距离。
为什么我的 cellpadding 好像没生效？
有时候你设置了 cellpadding，但看起来好像没啥变化。这可能是因为：
CSS 样式覆盖： 检查你的 CSS 里有没有针对
table,td, 或者th元素设置了padding属性。CSS 的优先级更高，会覆盖 HTML 属性。解决办法是在 CSS 里修改padding值，或者使用!important强制应用cellpadding的效果（不推荐过度使用!important）。-
浏览器默认样式： 不同的浏览器对表格可能有不同的默认样式。尝试使用 CSS 重置样式，比如：
table { border-collapse: collapse; /* 合并边框，避免双边框 */ } td, th { padding: 0; /* 先重置 padding */ }然后再设置
cellpadding或者 CSS 的padding属性。 嵌套表格： 如果你的表格是嵌套在另一个表格里，
cellpadding可能只对最外层的表格有效。需要分别设置每个表格的cellpadding。
cellpadding 和 cellspacing 有什么区别？
cellpadding 和 cellspacing 经常被搞混。简单来说：
-
cellpadding：控制单元格内容与单元格边框的距离。 -
cellspacing：控制单元格之间的距离。
这段代码会让单元格内容离边框有 10 像素的距离，并且单元格之间有 5 像素的间距。 需要注意的是， 虽然 使用 CSS 的 使用 CSS 的 另外，还可以使用 CSS 的 cellspacing 属性同样加在 标签里，指定一个数值（像素值）。
单元格1
单元格2
cellspacing 属性在 HTML5 中已经被废弃了，推荐使用 CSS 的 border-spacing 属性来代替。如何用 CSS 更灵活地控制表格间距？
cellpadding 可以快速设置表格间距，但用 CSS 可以更灵活地控制。比如，可以针对不同的单元格设置不同的间距，或者使用响应式设计，在不同屏幕尺寸下设置不同的间距。padding 属性来控制单元格内容与边框的距离：td, th {
padding: 10px; /* 所有单元格内边距 10 像素 */
}
th {
padding-top: 15px; /* 表头单元格上边距 15 像素 */
padding-bottom: 5px; /* 表头单元格下边距 5 像素 */
}border-spacing 属性来控制单元格之间的距离：table {
border-collapse: separate; /* 必须设置为 separate，才能生效 */
border-spacing: 5px; /* 单元格间距 5 像素 */
}margin 属性来控制表格与周围元素的距离。
