表格边框重叠是因border-collapse默认为separate，使单元格边框分离且存在间距；设border-collapse: collapse可合并边框成单线，并消除间隙。
表格边框重叠，其实是默认情况下 border-collapse 为 separate 导致的——每个单元格都自带独立边框，相邻边框之间会留出间距，视觉上就像“双线”或“错位”。解决方法很简单：用 border-collapse: collapse 让边框真正“挤在一起”，变成单一线条。
为什么边框看起来是重叠或加粗的？
默认状态下， 给 这样之后： 立即学习“前端免费学习笔记（深入）”； 合并后，边框样式更可控。比如： 极少数需要保留间距（比如做卡片式表格），就别用 collapse。此时可： 基本上就这些。记住：做常规数据表格， 的
border-collapse 值是 separate。这时：
和 都有自己的一套边框（哪怕只设了 table 的 border）
border-spacing（默认为 2px），导致空隙或边框分离用 collapse 合并边框（最常用方案）
加上这一行 CSS 就能立刻见效：
table {
border-collapse: collapse;
}
border-spacing 失效，不再有间隙顺便控制边框细节
table, th, td { border: 1px solid #ccc; }
th { border-bottom: 2px solid #333; } 和 td { border-bottom: 1px solid #eee; }，collapse 会自动融合交点border: none，只给 th/td 设左右/下边框即可慎用 separate 模式下的替代方案
border-spacing: 0 消除空隙outline 替代 border 避免盒模型干扰（但 outline 不支持圆角、不占布局空间）border-collapse: collapse 是第一步，也是最关键的一步。
