cellspacing控制单元格间缝隙而非表格外边距；设了border-collapse:collapse则失效；css中border-spacing可替代它但需配合border-collapse:separate使用。
cellspacing 不是设置表格外边距，而是控制单元格之间的缝隙——它作用于 <table> 内部相邻单元格边框之间，和表格自身到周围元素的距离（即真正的“外边距”）完全无关。
<h3>为什么 <code>cellspacing 设置后没反应？
最常见原因是 CSS 中设置了 border-collapse: collapse。该声明会让所有单元格边框合并，cellspacing 在这种模式下彻底失效。
- 检查浏览器 DevTools 的
<table> 计算样式，确认 <code>border-collapse是否为separate - 全局重置样式（如 normalize.css、Bootstrap）默认常设
border-collapse: collapse -
cellspacing只接受单个数值（如8），不支持5 10这类水平/垂直分离写法 - 若表格有
border属性但未显式设border-collapse，不同浏览器可能有默认差异 - 必须配合
border-collapse: separate使用，否则border-spacing不生效 - 支持两个值：
border-spacing: 6px 12px表示水平 6px、垂直 12px - 可写在 class 里，也可用
style内联：<table style="border-collapse: separate; border-spacing: 4px;"> <li>对嵌套表格有效，但父表格的 <code>border-spacing不会继承给子表格 -
td, th { padding: 8px }会直接无视cellpadding="0" - 哪怕只写了
td { padding-left: 12px }，也会让cellpadding失效 - 想保留 HTML 属性行为？得确保没有更具体的 CSS 选择器匹配到
td或th - 需要单个单元格特殊内边距？只能用
style="padding: 0 4px 8px"，cellpadding无法做到
border-spacing 替代 cellspacing 的实操要点
用 CSS 控制单元格间缝隙更可靠，也支持差异化设置：
cellpadding 和 padding 混用时的覆盖逻辑
cellpadding 看似没起作用，几乎全是 CSS padding 覆盖导致：
真正要调表格“外边距”，得用 margin —— 它和 cellspacing、border-spacing 完全不在一个层级。别把单元格缝隙、内容内边距、容器外边距这三层概念混在一起查。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
