border-collapse: collapse 必须作用于 table 元素才生效；常见失效原因包括：设在 tr/div 上、table 缺外边框、td/th 边框不统一、被重置库覆盖、父容器 display 非表格类型；它与 border-spacing 互斥；合并后边框按宽>样式>声明顺序优先级胜出。
border-collapse: collapse 必须写在 table 元素上，否则完全无效。 这是 90% 的“边框没合并”问题的根源——你可能给 td 加了 border，也写了 collapse，但样式落在 tr 或外层 div 上，浏览器直接忽略。
为什么加了 border-collapse: collapse 还是双线？
常见错误不是属性写错，而是缺少必要配合：
-
table元素本身没设border（哪怕只是border: 1px solid transparent），导致外框“消失”，只看到内部双线 -
td和th没统一声明border，比如只有th有边框、td没写，合并后就只剩一半线 - 用了 CSS 重置库（如
normalize.css），它默认把table的border-collapse设为separate，你的规则被覆盖 - 父容器用了
display: inline-table以外的非表格 display（比如block），border-collapse失效
border-collapse: collapse 和 border-spacing 能一起用吗？
不能。这两个属性互斥：
-
border-collapse: collapse会强制忽略border-spacing，无论你写多少次border-spacing: 0都没用 - 想控制单元格间距，必须用
border-collapse: separate+border-spacing - 想合并边框，就只用
collapse，删掉所有border-spacing相关声明，避免干扰判断
合并后某条边框粗细/颜色不对，怎么调？
启用 collapse 后，相邻边框不叠加，而是按规则“竞选”出一条胜出边框：
- 优先级：宽度（
2px>1px） > 样式（solid>dashed） > 声明顺序（后出现的 CSS 规则胜出） - 想让第一行顶边变粗，别设
tr:first-child的border-top（它在collapse下不生效），改用th:first-child, td:first-child { border-top: 2px solid #333; } - 首列左边框多出半条？加
td:first-child, th:first-child { border-left: none; }微调 - padding 不影响合并逻辑，但会让“缝隙感”更明显——检查
td, th是否有意外的padding
最常被忽略的一点：合并边框后，table 的总宽度不再等于所有 td 宽度之和加两倍边框；内部共享边框只算一次，计算布局时得按这个逻辑来，否则响应式错位。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
