css中border-style: double在表格中需配合border-width≥3px才能显示双线，否则降级为单线；必须为table、td、th分别设置，且推荐使用border-collapse: collapse并弃用cellspacing和cellpadding。
border-style: double 在表格中的实际表现
HTML 表格边框设为双实线，本质是 CSS 的 border-style: double 起作用，不是 HTML border 属性能直接控制的。原生 border="1" 只能出单线，且样式不可调——必须用 CSS。
双实线要求边框总宽度 ≥ 3px 才能渲染出两条平行线；若设 border-width: 2px，即使 border-style: double，浏览器也会降级为单线（常见坑）。
-
border-width至少设为3px或更大（如4px、6px） - 对
<table>、<code><td>、<code><th> 都要单独设置，否则只影响外边框 <li>若用了 <code>border-collapse: collapse，双线会更紧凑；separate下可能只在外围生效
给整个表格加双实线边框（含单元格）
最稳妥的方式是统一设置 border-collapse: collapse，再为 table、td、th 同时声明双线：
table {
border-collapse: collapse;
border: 4px double #000;
}
td, th {
border: 4px double #000;
padding: 8px;
}
注意：这里 table 的 border 控制外框，td/th 的 border 控制内部线。若只设 table 边框，内部单元格之间仍无边线。
避免 cellspacing 和 cellpadding 干扰双线效果
HTML 旧属性 cellspacing 和 cellpadding 与 border-collapse: collapse 冲突，会导致双线错位或间距异常。
- 彻底弃用
cellspacing和cellpadding，改用 CSSpadding控制内边距 - 不要混用
border-collapse: collapse和cellspacing="0"——后者在现代 CSS 中无效且易引发解析歧义 - 若必须兼容极老浏览器（IE7–），需额外测试
double渲染是否断裂
不同浏览器对 double 边框的兼容性细节
Chrome/Firefox/Safari 对 border-style: double 支持良好，但渲染逻辑略有差异：
- Firefox 把两条线之间的空白算入总宽，所以
4px double实际显示≈两条 1.2px 线 + 1.6px 间隙 - Chrome 更倾向均分，
6px double常表现为两条 2px 线 + 2px 间隙 - 所有浏览器都要求
border-width为整数 px；用em或rem可能导致双线退化为单线
真正难搞的是当表格嵌套或配合 outline、box-shadow 时，双线容易被遮盖或重叠——这种场景下，优先保证 z-index 和绘制层级清晰，别依赖视觉猜测。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
