border="2"不是双线边框，而是将边框加粗为2px单线；真双线需用CSS的border-style:double，且须配合border-collapse:collapse、最小3px宽度、显式颜色及统一设置table/th/td边框。
为什么 border="2" 不是双线边框
很多人写 <table border="2">，结果发现只是边框变粗了，不是两条平行线。这是因为 border 是 HTML 旧属性，它只控制单条线的粗细和颜色，和 CSS 的「双线」概念无关。浏览器把它当做一个兼容 fallback，实际渲染等价于 border: 2px solid #000，样式固定、不可改色、不支持 dashed 或 double。
border-style: double 才是真双线，但有硬性条件
W3C 定义的 double 样式会画出两条等宽、等距的实线，中间留白。但它生效的前提很明确：
- 必须用
border简写或显式设置border-style: double，只写border-style: double不生效（缺宽度和颜色） - 宽度不能太小：
1px double在多数浏览器里会退化成单线，建议至少用3px double - 颜色必须显式指定，比如
#333或black，不能省略 - 只作用于设置了该样式的元素本身——给
<table>加，只影响外框；想让格线也是双线，得同时给<th>和<td>加
border-collapse: collapse 是双线表格的必要前提
如果不设 border-collapse: collapse，表格默认是 separate 模式，每个单元格的双线边框会独立绘制，左右/上下相邻格子的双线根本不对齐，看起来杂乱、错位、间距不均。
正确做法是：
立即学习“前端免费学习笔记（深入）”；
- 先给
<table>加border-collapse: collapse - 再统一设置
<table>、<th>、<td>的border，例如：border: 3px double #333 - 避免混用 HTML
border属性——它会和 CSS 冲突，尤其在打印或响应式场景下行为不可控
IE8 及更早版本不支持 double，但现代项目基本不用管
如果你的项目明确要兼容 IE8 或更老浏览器，border-style: double 会直接失效（显示为 solid 或无边框）。不过截至 2026 年，主流框架、构建工具和 CI 流程已普遍放弃对该类旧引擎的支持。真正要注意的是设计一致性：双线边框 + border-radius 无法共存——圆角会让双线断裂或渲染异常，这种组合必须换方案，比如用 box-shadow 模拟外线、border 画内线。
