border-style: double 在表格中无效是因为默认 border-collapse: separate 导致单元格边框独立绘制、无法对齐；必须先设 table { border-collapse: collapse; }，再统一为 th, td { border: 3px double #000; }（宽度需≥3px才能正确渲染双线）。
table加border-style: double为什么没效果？
直接给
写border-style: double只影响外边框，内部单元格之间仍是默认分隔线，看起来像“单线+杂乱细线”，不是整体双线效果。根本原因是浏览器默认用border-collapse: separate，每个的边框独立绘制，双线无法对齐。
必须同时设置border-collapse: collapse
这是关键前提，否则double在上会错位、重叠或显示异常。实际生效路径是：
- 先设
table { border-collapse: collapse; }
- 再给
和分别加border: 3px double #000（宽度不能低于2px，建议≥3px）
- 不要只给
table加border——那只是外框，内部格线不会变
为什么border-width必须≥3px？
border-style: double的规范定义是：两条等宽实线 + 中间等宽空白，总宽度 = 3 × 单线宽度。若设border-width: 1px，浏览器可能直接降级为单线渲染；2px在部分旧引擎中也不稳定。实测可靠下限是3px，例如：
htmlppt.skill
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
下载
@@######@@
IE8及更早版本不支持double，但现代项目基本不用考虑
如果你的项目仍需兼容 IE8，double会退化为solid，且无警告。这不是 bug，是标准行为。2026 年绝大多数生产环境已移除 IE8 支持，不必为此增加 hack 代码。真正容易被忽略的是：一旦用了border-radius，double会在圆角处断裂，这个限制没有 fallback，只能换方案——比如用box-shadow模拟外线 + border画内线。
| |
|
|
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
