cellspacing属性已废弃，仅支持全局单值像素间距且与border-collapse:collapse冲突；现代应使用border-spacing配合border-collapse:separate，并注意padding、font-size等干扰因素。
直接用 cellspacing 属性最简单，但别指望它能做复杂控制——它只接受一个数值，作用于整个表格所有方向，且在 HTML5 中已不推荐使用。
为什么 cellspacing="0" 还有间隙？
常见现象：明明写了 cellspacing="0"，表格单元格之间仍有 1–2 像素空隙。这不是 bug，而是浏览器默认行为——多数浏览器对未显式声明的 table 默认应用 cellspacing="2"（即使没写）。更关键的是，cellspacing 只影响“边框之间的空白”，如果表格用了 border-collapse: collapse，cellspacing 就完全失效。
- 检查是否同时设置了
border-collapse: collapse—— 它会无视cellspacing - 确认没有其他 CSS 覆盖，比如
td, th { margin: ... }（margin对表格单元格无效，但初学者常误加） - 想彻底归零，得用
border-spacing: 0+border-collapse: separate组合
border-spacing 替代 cellspacing 的实操要点
border-spacing 是 CSS 对应 cellspacing 的现代方案，支持两个值（横向、纵向），且可响应式调整。但它只在 border-collapse: separate 模式下生效（这也是默认值）。
- 单值写法：
table { border-spacing: 8px; }→ 横纵均为 8px - 双值写法：
table { border-spacing: 6px 12px; }→ 横向 6px，纵向 12px - 单位不限于 px，也支持
em、rem，但百分比值无效 - 不能作用于单个
td或th—— 它是表格级属性，和cellspacing一样全局生效
想给某几列/某几行单独加间隔？别碰 cellspacing
cellspacing 和 border-spacing 都做不到差异化控制。真要实现“第一列右边留 20px，其余列保持 4px”，只能靠视觉模拟：
- 给特定
td或th加padding-right: 20px，再配合背景色或边框营造“间隔”错觉 - 用伪元素
::after在单元格右侧插入透明块，宽度即所需间隔 - 放弃表格语义，改用
display: grid或flex布局——它们天然支持每项独立间距
真正难的不是设个数字，而是理解 cellspacing 只是个粗粒度开关，而现代布局需要的是“可控的空白”——这要求你明确区分：哪里该用 border-spacing（单元格之间），哪里该用 padding（内容到边框），以及什么时候该换掉 table 标签本身。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
