border-collapse: collapse 是解决表格边框“双线”“缝隙”“粗细不均”的唯一可靠方式，必须作用于 table 元素，配合统一 border 和清空 padding 才能生效；写在 tr/th/td 上无效，且需避免 border-spacing 冲突。
border-collapse 是解决表格边框“双线”“缝隙”“粗细不均”的核心手段，不设它，其他边框样式基本白忙。
为什么加了 border 还是双线？
浏览器默认用 border-collapse: separate，每个 td 和 th 都独立画自己的边框。左边单元格的右边框 + 右边单元格的左边框 = 看起来像两条线叠在一起，中间还夹着默认 border-spacing: 2px 的空白缝。
常见错误现象包括：
- 只给
table设border: 1px solid #000，结果只有外框，内部没线 - 用了过时的
border="1"，Chrome/Firefox 渲染出粗细不均、颜色不可控的断续边框 - 给
th和td都加了border，却漏掉border-collapse: collapse，边框依然双线、错位
border-collapse: collapse 必须写在 table 上才生效
写在 td、tr 或外层 div 上完全无效，浏览器会静默忽略——这是 90% “加了却没反应”问题的根源。
正确做法只有两种：
-
table { border-collapse: collapse; }（推荐） - 行内样式：
<table style="border-collapse: collapse"> <p>如果项目用了 Ant Design、Bootstrap 等 UI 框架，它们常通过重置 CSS 把 <code>table的border-collapse设为separate，需检查开发者工具中的 computed 样式确认是否被覆盖。临时验证可用table { border-collapse: collapse !important; }，但长期应提高选择器权重（如加类名或用body .my-table）。合并后边框粗细/颜色不对？其实是“边框竞争”规则在起作用
border-collapse: collapse不是简单“取平均”或“叠加变细”，而是让相邻边框按三重优先级“竞选”出一条胜出边框：
html-to-pptx-converter下载使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
- 宽度最大者胜出（
2px > 1px） - 样式更实者胜出（
solid > dashed > dotted） - 声明顺序靠后者胜出（CSS 文件中后写的规则、更高权重的选择器）
例如：
th { border-bottom: 2px solid #333; }和td { border-top: 1px solid #666; }同时存在，横向线显示为2px solid #333；但如果td规则写在后面且宽度相同、样式相同，它的颜色就可能覆盖th的。想确保表头线显眼？统一在
th和td上设相同宽度和样式，例如：th, td { border: 1px solid #ccc; }。要强制某一边框生效（比如首行底边必须是2px），直接用单边属性：th:first-child { border-bottom: 2px solid #333; }，并确保它的选择器权重足够。加了
collapse还有白缝或双线？先查这三件事常见失效不是属性写错，而是配套缺失或冲突：
-
border-spacing与collapse互斥——只要用了前者，后者自动降级为separate；必须删掉所有border-spacing相关声明（包括框架注入的） - 给
table设置了display: block、inline-block等非表格display值，border-collapse就会失效；改用width、margin控制布局 -
table自身没设border（哪怕border: 1px solid transparent），会导致外框“消失”，只看到内部双线错觉；同时th和td的border值不统一（比如一个1px，一个2px），交界处必然加粗
要“只有内线、无外框”，不能靠
border-spacing。真正做法是：保留collapse，然后用table { border: none; }或table { border: 1px solid transparent; }隐藏外框，再靠th, td { border: 1px solid #ccc; }撑出清晰内线——此时相邻边框自动合并为单线。最易被忽略的是
padding：视觉上还有“缝隙”，那大概率是padding撑开的，不是边框间距。统一清空td, th { padding: 0; }再观察真实贴合效果。 - 宽度最大者胜出（
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
