border-style: double 是唯一真正实现双线边框的 CSS 方式，因它渲染两条等宽平行实线加中间留白；而 table border="2" 仅加粗单线，因 HTML border 属性本质只控制单线条粗细，无法生成双线结构。
border-style: double 是唯一能真正实现双线边框的 CSS 方式，table border="2" 只是加粗单线，不是双线。
为什么 border="2" 不等于双线？
HTML 的 border 属性本质是控制单一线条的粗细，浏览器把它渲染成一条更宽的实线。哪怕写成 border="10"，也还是单线——只是粗而已。所谓“双线”，必须是两条平行实线 + 中间等宽空白，这只能由 CSS 的 double 值驱动。
border-style: double 必须配哪些参数？
这个样式对宽度和颜色有硬性要求，缺一不可：
-
border-width至少得是3px，1px或2px在多数浏览器里会退化成单线（尤其在高清屏上） -
border-color必须显式声明，不能依赖继承或默认值；transparent会导致双线不显示 - 不能只写
border-style: double，否则宽度和颜色缺失时，部分浏览器直接忽略该规则 - 简写写法推荐：
border: 3px double #333，避免漏掉任一维度
表格内部格线怎么也变双线？
只给 <table> 加 double，只会作用在外边框；单元格之间仍是默认分隔线。要让整个表格（含所有 <td> 和 <th>）都呈现统一双线感，必须同时满足：
立即学习“前端免费学习笔记（深入）”；
- 设置
table { border-collapse: collapse; }—— 否则相邻<td>的双线边框会错位、重叠、间距不均 - 给
<td>和<th>都加上border: 3px double #333 - 不要混用
border-collapse: separate，它会让double失去对齐基础，视觉上杂乱
示例片段：
<table style="border-collapse: collapse;">
<tr>
<td style="border: 3px double #333;">A</td>
<td style="border: 3px double #333;">B</td>
</tr>
</table>
double 边框有哪些兼容性雷区？
它看着简单，但几个细节容易翻车：
-
border-radius和double不能共存：圆角处双线会断裂、错位，Chrome 和 Firefox 渲染结果还不一致 - 不能单独设置某一边为
double而其他边用solid——border-style是四边统一值，如需混合，得拆成border-top-style等单独写 - 响应式缩放时，
3px在小屏设备上可能显得过粗，建议配合媒体查询动态调整宽度
真正起效的双线，从来不是靠猜，而是靠明确宽度、颜色、折叠模型三者咬死。漏掉任意一个，看到的都不是你想要的“双线”。
