必须同时设置table和th/td的border: dashed并应用border-collapse: collapse，否则虚线不连贯或不显示；推荐使用类封装所有规则以确保统一性和可维护性。
table 和单元格都得设 border: dashed，否则虚线不生效
只给 <table> 加 <code>border: 1px dashed #999，表格外框可能显示虚线，但内部单元格之间仍是实线或空白——因为浏览器默认不渲染单元格边框。必须显式给 th、td 也加虚线边框，才能看到完整的虚线网格。
同时要加 border-collapse: collapse，否则虚线会错位重叠：相邻单元格的虚线段不对接，视觉上变成断续、偏移的短线。这个属性不是可选项，是让虚线“对齐”的前提。
-
border-collapse: collapse必须写在<table> 上，不能只写在 <code>th/td - 颜色和粗细建议统一，比如全部用
1px dashed #ccc，避免不同单元格虚线节奏不一致 - 如果只要横向虚线（如行与行之间），可以只设
border-bottom: 1px dashed #999在tr或td上，不用全边
内联 style 写法容易漏掉 border-collapse，推荐用 class 控制
直接在 <table style="border: 1px dashed #000;"> 里写，看起来简单，但缺了 <code>border-collapse 和单元格边框，实际效果大概率是外框一条虚线、里面一片空白或双线乱码。这种写法只适合单次快速调试，不适合真实页面。
更稳的做法是定义一个类，把所有必要规则打包：
.dashed-table {
border-collapse: collapse;
width: 100%;
}
.dashed-table th,
.dashed-table td {
border: 1px dashed #999;
padding: 8px;
}
然后在 HTML 中用 <table class="dashed-table"> 调用。这样改颜色、调粗细、删虚线，都只改一处 CSS。
<h3>border-style: dashed 在表格里兼容性没问题，但虚线节奏不可控</h3>
<p>所有现代浏览器（Chrome、Firefox、Safari、Edge）和 IE11 都能正确渲染 <code>border-style: dashed，无需前缀或降级方案。问题在于：虚线中“划”的长度和间隔由浏览器自动计算，你只能通过 border-width 间接影响——比如 2px dashed 比 1px dashed 的划更长、间隙更宽，但没法精确指定“6px 实 + 4px 空”。
如果你真需要像素级控制（比如设计规范强制要求 dash pattern），就得绕开 border，改用 background-image: repeating-linear-gradient() 配合伪元素或额外 div，但这会增加 DOM 复杂度和维护成本。
移动端 Safari 对 1px 虚线渲染不稳定，别用 0.5px
在 iOS Safari（尤其是旧版）中，border: 0.5px dashed 可能被忽略、变实线，甚至完全不显示。这不是 bug，是 retina 屏幕下 sub-pixel 渲染的固有限制。安全做法是坚持用整数 border-width：最小用 1px，搭配浅色（如 #ddd）降低视觉突兀感。
另外，如果表格在小屏上缩放后虚线变糊或断裂，优先检查是否用了 transform: scale() 或 viewport 缩放设置——虚线边框本身不支持缩放插值，缩放会破坏原生 dash pattern。
border-collapse 或单元格边框遗漏，这两点比选什么颜色重要得多。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
