table设border-style:dashed无效，因默认border-collapse:separate导致边框分离断开；须加border-collapse:collapse合并边框，并为table、th、td统一设border:1px dashed #999（含宽/样/色），否则虚线不连贯或不可见。
table 元素直接设 border-style: dashed 为什么没效果？
因为表格默认使用 border-collapse: separate 模式，table、th、td 各自的边框是分离的，即使都设了 dashed，视觉上也容易断开、错位或重叠，导致虚线不连贯甚至“消失”。
- 必须显式设置
border-collapse: collapse在table上，才能让相邻边框真正合并成一条虚线 -
border-style: dashed单独写在table上，只影响 table 自身外边框，不影响内部单元格线条 - 若只给
table设虚线但没给th/td设边框，内部格线根本不会出现
如何让整个表格所有边框都是虚线？
需要三步同步生效：统一边框样式 + 合并边框 + 显式声明边框宽度和颜色（border-color 不写会继承文本色，可能太淡看不清）。
- 给
table, th, td都设置border: 1px dashed #999（简写包含 width/style/color） - 在
table上加border-collapse: collapse - 避免用
border-spacing或padding过大干扰虚线连续性
示例：
table {
border-collapse: collapse;
}
table, th, td {
border: 1px dashed #999;
}
只想让表格外边框虚线，内部格线用实线？
靠选择器精确控制：外框用 table，内线用 th, td，但要注意 border-collapse: collapse 下，内外边框会共用同一像素线，所以得用方向属性隔离。
立即学习“前端免费学习笔记（深入）”；
- 外边框：用
table { border: 2px dashed #333 }（注意这里不依赖collapse，它是独立外框） - 内格线：仍需
border-collapse: collapse，然后给th, td设border-bottom: 1px solid #ccc和border-right: 1px solid #ccc（只设下边和右边，避免重复） - 这样外框是虚线，内部是干净的实线网格，且无重叠或间隙
虚线在表格里看起来“断断续续”或粗细不均？
这不是 bug，而是 dashed 渲染机制决定的：浏览器按固定算法生成划线长度与间距，受 border-width 影响显著——宽度越小，虚线越易“糊成一片”；宽度过大（如 >3px），划线变长、间隙变宽，反而像短线段。
- 推荐值：
1px到2px之间最稳定，1.5px在高 DPI 屏幕上表现更均匀 - 不要指望用
dashed实现“等长划+等距空”，CSS 没提供该控制能力 - 如果必须精确控制节奏，得放弃
border，改用background-image: linear-gradient()绘制自定义虚线背景
复杂点在于：虚线是否连贯，取决于你有没有同时管住 border-collapse、border 的书写范围、以及 border-width 的取值组合——漏掉任意一环，都会让虚线“掉链子”。
