border="2"不是双线边框，而是将边框加粗为2px单线；真双线需用css的border-style:double，且须配合border-collapse:collapse、最小3px宽度、显式颜色及统一设置table/th/td边框。
为什么 border="2" 不是双线边框
很多人写 <table border="2">，结果发现只是边框变粗了，不是两条平行线。这是因为 <code>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> 加，只影响外框；想让格线也是双线，得同时给 <code><th> 和 <code><td> 加 <h3> <code>border-collapse: collapse是双线表格的必要前提如果不设
border-collapse: collapse，表格默认是separate模式，每个单元格的双线边框会独立绘制，左右/上下相邻格子的双线根本不对齐，看起来杂乱、错位、间距不均。正确做法是：
- 先给
<table> 加 <code>border-collapse: collapse - 再统一设置
<table>、<code><th>、<code><td> 的 <code>border，例如：border: 3px double #333 - 避免混用 HTML
border属性——它会和 CSS 冲突，尤其在打印或响应式场景下行为不可控
IE8 及更早版本不支持
double，但现代项目基本不用管如果你的项目明确要兼容 IE8 或更老浏览器，
border-style: double会直接失效（显示为solid或无边框）。不过截至 2026 年，主流框架、构建工具和 CI 流程已普遍放弃对该类旧引擎的支持。真正要注意的是设计一致性：双线边框 +border-radius无法共存——圆角会让双线断裂或渲染异常，这种组合必须换方案，比如用box-shadow模拟外线、border画内线。 - 先给
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
