要实现真正的双线边框，必须使用border-style: double配合border-collapse: collapse和≥3px宽度，且需为table、th、td分别设置border，否则仅外框显示或退化为单线。
直接用 border-style: double，但必须配合 border-collapse: collapse 和 ≥3px 的宽度，否则浏览器会渲染成单线或错位双线。
为什么 border="2" 不是双线边框
很多人写 <table border="2"> 后发现只是边框变粗，不是两条平行线——因为 border 是 HTML 旧属性，只控制单线粗细和颜色，不支持 double 样式。它默认启用 border-collapse: separate，单元格之间还有 border-spacing，视觉上反而更像“断开的粗线”，而非真正的双线。
-
border="1"实际等价于border: 1px solid #000，颜色和样式不可改 - 现代项目中混用
border="1"和 CSS 边框，极易冲突（比如外框加了 CSS，内部仍残留 HTML 默认边框） - 想兼容打印、响应式或主题切换时，
border属性完全无法适配
border-style: double 的硬性要求
W3C 定义的 double 是两条等宽、等距的实线，中间留白；但它对宽度有隐含限制：太细就画不出两条线。
- 最小有效宽度是
3px，2px在多数浏览器（Chrome/Firefox/Safari）下退化为单线 - 必须显式指定颜色，
border: 3px double缺少颜色 → 无边框（浏览器默认色不可靠） - 只作用于单个元素的边框，
<table>上设了double，<td>没设 → 只有外框双线，内部仍是单线或无边框
完整写法：让整个表格都呈现双线感
真正“复古双线表格”效果，需要外框 + 内格线都用 double，且严格合并边框。
立即学习“前端免费学习笔记（深入）”；
- 必须给
<table>设置border-collapse: collapse，否则每个<td>的双线会错位、重叠、间距不均 -
<table>、<th>、<td>都要单独设置border: 3px double #333（颜色按需替换） - 避免在
style属性里写!important—— 内联样式优先级已足够高，加了反而干扰调试 - 如果设计要求圆角，
border-radius会破坏double渲染（角落处线条断裂），此时应放弃double，改用box-shadow模拟外线
最简可靠示例：
<table style="border-collapse: collapse;">
<tr>
<th style="border: 3px double #333;">标题</th>
<td style="border: 3px double #333;">内容</td>
</tr>
</table>
注意：不要只给 <table> 加 double 就以为万事大吉——内部单元格边框没设，就只剩一个空荡荡的双线外框。
