html的border="2"仅加粗单线而非双线，真正双线需用css border-style: double且宽度≥2px，配合border-collapse: collapse及为table、th、td统一设置边框。
HTML表格无法用border="2"实现真正双线边框——那只是加粗单线；必须用CSS的border-style: double，且宽度不能低于2px，否则多数浏览器会降级渲染为单线。
为什么table border="2"不是双线
很多人写<table border="2">后发现边框变粗但仍是单条实线，这是因为<code>border是HTML遗留属性，只控制“单一线条”的粗细和默认颜色（黑色），跟CSS里语义明确的double毫无关系。它不支持样式切换，也不能单独作用于单元格内部边框。
- 该属性在现代项目中已过时，与CSS边框规则冲突风险高
- 即使同时写了
style="border: 2px double #000"，border="2"也可能覆盖或干扰渲染 - IE8及更早版本虽识别
border="n"，但完全不支持double值
border-style: double的正确写法
双线边框是两条等宽实线 + 中间等宽空白，总视觉宽度 = 3 × border-width。所以border-width至少设为2px（推荐3px起），且必须显式指定颜色和样式，三者缺一不可。
- 错误写法：
border: double #000（缺宽度）、border-style: double（没宽度+没颜色） - 正确写法：
border: 3px double #333或border-width: 3px; border-style: double; border-color: #333 - 只对
table设double，只能让外框双线；内部格线仍为默认分隔线，需同步设置th/td
必须搭配border-collapse: collapse
如果不设border-collapse: collapse，表格默认是separate模型，每个td的双线边框会独立绘制，左右/上下相邻单元格的双线无法对齐，看起来错位、杂乱、间距不均。
- 仅给
table加collapse不够：必须同时为th和td设置border: 3px double，才能让内外边框风格统一 - 避免在
separate模型下硬凑双线——用box-shadow或伪元素模拟，兼容性差、焦点行为异常、打印样式失效 -
border-radius与double不兼容：圆角处双线会断裂，Chrome/Firefox表现不一致；如需圆角，改用box-shadow模拟外线 +border画内线
完整可运行示例
以下代码能直接复制使用，呈现真正连贯、对齐的双线表格：
| 姓名 | 城市 |
|---|---|
| 张三 | 北京 |
关键点在于：所有涉及边框的元素（table、th、td）都必须显式声明border，且border-collapse: collapse必须作用于table本身。漏掉任意一个，就可能退回“假双线”状态。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
