最直接可靠的方式是为table、th、td统一设置border: 1px dashed #999，因表格边框由多个元素共同渲染，仅设table边框只能显示外框；启用border-collapse: collapse会导致虚线断裂，建议用separate模型配合border-spacing: 0实现连续虚线。
border-style: dashed 是 HTML 表格设置虚线边框最直接、最可靠的方式，但必须配合显式声明的 border-width 和 border-color，否则多数浏览器下不显示或渲染异常。
table、th、td 都要设 border 才能出虚线
表格边框不是靠 table 单独一个 border 属性就能控制的。浏览器默认用分离模型（border-collapse: separate），所以你得给 table、th、td 三者都写上虚线边框，否则只在部分区域出现断续虚线，甚至完全不可见。
- 必须统一设置：例如
table, th, td { border: 1px dashed #999; } - 不能只写
table { border: 1px dashed #999; }—— 这只会画外框，单元格内部无虚线 - 如果只想保留外边框、去掉内部分隔线，改用
border-collapse: collapse+ 单独控制table的border，但此时th/td的border要设为none
border-collapse: collapse 下虚线会断裂？
启用 border-collapse: collapse 后，相邻边框合并成一条线，这对实线很友好，但对 dashed 有副作用：拐角处虚线段可能错位、重叠，甚至某一边“消失”。这不是 bug，是浏览器按像素对齐虚线节奏时的自然结果。
- 圆角
border-radius与collapse共存时更易出问题，建议border-radius≤border-width的 2 倍 - 若必须用
collapse又要稳定虚线，可降级为border-style: dotted（点线对齐容错更高） - 真正需要四边完整、连续、无断裂的虚线，反而该用
border-collapse: separate，再通过border-spacing: 0消除间隙
想只让表格外框是虚线，内部无边框？
这其实是常见误解：以为“外框虚线 + 内部无边框”能靠一层 border 实现。实际上，table 元素的 border 只包最外层矩形，无法自动跳过内部单元格结构。真要达成这个效果，得绕开原生边框逻辑。
- 方案一：用
outline模拟外框 ——table { outline: 2px dashed #666; outline-offset: -2px; }，不占布局、不影响collapse，但不支持圆角 - 方案二：伪元素绘制 —— 给
table加position: relative，再用::after绝对定位画一圈虚线边框，完全可控 - 方案三：放弃表格语义，改用
div+ CSS Grid 模拟表格布局，边框控制自由度高得多
虚线边框最常被忽略的细节，不是怎么写 dashed，而是没意识到表格的边框是由多个独立元素共同参与渲染的；一旦开始调 border-collapse 或 border-spacing，虚线行为就脱离直觉。动手前先确认：你要的是“视觉上像虚线框”，还是“每个边框属性都严格符合 dashed 语义”——后者在表格里几乎不可能 100% 稳定。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
