table外框显示双线是因为border-collapse默认为separate，导致table边框与单元格默认边框叠加；解决方法是设border-collapse: collapse，使外框与单元格边框融合为单线。
border 属性直接控制 <table> 元素的外框厚度，但它的行为和你直觉中“只画一圈边”的理解有偏差——它只是给表格容器加了一层 CSS 边框，不参与单元格边框合并逻辑。
用 border 设置 table 外框时，为什么边框看起来是双线？
这是最常被忽略的坑：当你只给 <table> 加 border: 2px solid #000，而没处理 <td> 或 <th> 的边框时，浏览器默认仍会渲染单元格自带的分隔线（尤其在 border-collapse: separate 下）。结果就是外框 + 单元格内线叠加，视觉上变粗、重影甚至错位。
- 默认情况下，
border-collapse是separate，表格和单元格边框各自独立 - 即使
<td>没写border，某些浏览器（如旧版 IE）或 reset.css 可能已隐式设了border: 1px solid - 解决办法不是删掉所有单元格边框，而是统一用
border-collapse: collapse
border-collapse: collapse 是让外框“真正生效”的前提
只有启用 collapse，<table> 的 border 才会和内部单元格边框融合成单一线条，此时你设置的 border 值才真正代表最终可见的外框厚度。
-
border-collapse: collapse后，<table>的border会覆盖最外层单元格的边框（优先级更高） - 若你还给
<th>或<td>单独设了border，需确保其宽度 ≤ 表格外框，否则内线可能“顶出”外框 - 注意：
collapse模式下border-spacing失效，别再设它
不要混用 HTML border 属性和 CSS border
HTML 的 <table border="1"> 是过时的 presentational 属性，它等价于强制开启 border-collapse: separate 并给所有单元格加 1px 边框。一旦你用 CSS 覆盖，行为就不可预测。
- 现代项目中，彻底弃用
border="1"这类属性，全部走 CSS 控制 - 如果遗留代码里还有
border="0"，它不会清空 CSSborder，只是禁用 HTML 默认边框逻辑 - 想彻底清除边框？用
border: none或border: 0，二者效果一致，但none更明确语义
真正决定外框厚度的，从来不是某个单一属性，而是 border + border-collapse + 单元格边框三者共同作用的结果；漏掉任意一环，都可能导致你调了半天却始终对不上设计稿里的像素值。
