border-spacing 在 table 上不起作用，通常因设置了 border-collapse: collapse 或非 table 的 display 值；它仅对 border-collapse: separate 生效，且只能设在 table 元素上，支持单值（行列同距）或双值（水平 行间）写法，单位须为长度值。
border-spacing 在 table 上不起作用？先检查 display 值和 border-collapse
直接给 <table> 设置 border-spacing 没反应，大概率是因为用了 border-collapse: collapse —— 这个声明会强制忽略 border-spacing。它只对 border-collapse: separate（默认值）生效。
另一个常见干扰是：把 table 设成了 display: block 或 display: grid，此时它已不是“表格渲染上下文”，border-spacing 完全失效。
- 确保没写
border-collapse: collapse；如果写了，删掉或改成separate - 避免给
table元素设置非table类型的display值 -
border-spacing只能设在<table>元素上，不能写在<td>或<tr>上
border-spacing 接受一个还是两个值？怎么控制行列间距差异
border-spacing 支持单值和双值写法，类似 margin：
-
border-spacing: 8px→ 横向和纵向都为 8px -
border-spacing: 6px 12px→ 第一个值是横向间距（列之间），第二个是纵向间距（行之间）
注意顺序是「水平 行间」，不是「行 列」——容易记反。如果想让列间隙大、行间隙小，就得写成 border-spacing: 16px 4px，而不是反过来。
立即学习“前端免费学习笔记（深入）”；
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
单位必须是长度值（px、em、rem），不支持百分比或 auto。
替代方案：当 border-spacing 不适用时（比如需要内边距式留白）
如果表格用了 border-collapse: collapse（例如要实现无间隙边框线），又想让内容不贴边，border-spacing 就完全用不了。这时得退回到单元格自身：
- 给
<td>和<th>加padding—— 这是最常用、最可控的方式 - 慎用
margin：表格单元格不支持margin，加了也没效果 - 不要试图用空格字符或
示例：
td, th { padding: 8px 12px; } 这样既保持边框合并，又让文字与边框保持呼吸感。
兼容性与特殊表现：IE8+ 都支持，但要注意 cellspacing 的遗留影响
border-spacing 在 IE8+、Chrome、Firefox、Safari 中均原生支持，无需前缀。但如果你的 HTML 还保留着老式属性 cellspacing（如 <table cellspacing="10">），它会和 CSS 的 border-spacing 冲突——浏览器以 cellspacing 为准，CSS 被忽略。
- 现代项目应移除所有
cellspacing和cellpadding属性，全部交由 CSS 控制 -
border-spacing不影响表格边框本身的粗细，只控制单元格之间的“空白通道” - 该属性对
<colgroup>、<col>无效，也不能通过继承作用于子元素
真正容易被忽略的是：它只定义“单元格框边缘之间的距离”，不是单元格内容之间的距离——后者还得靠 padding 配合。
