表格边框不显示是因为border: 1px dashed仅作用于table外框，而内部虚线网格需配合border-collapse: collapse并为th、td显式设置相同虚线边框；否则在默认separate模式下，单元格边框独立渲染，无法形成连续虚线网格。
border: 1px dashed 为什么表格边框不显示？
表格默认有 border-collapse: separate，单元格各自画边框，table 元素上的 border 只画外框，内部线还是实线或无边框。光写 table { border: 1px dashed #999; } 看不到虚线网格。
必须显式控制单元格边框，并统一折叠：
-
table上设border-collapse: collapse，让相邻边框合并 - 给
th和td都加border: 1px dashed #999 - 别漏掉
border-spacing: 0（虽然collapse下它失效，但留着更稳妥）
只想要外框虚线，内部无边框？
这种情况不能依赖 border-collapse，否则内部线会消失但外框也受折叠影响，容易错位。直接放弃单元格边框，只给 table 加完整边框：
table { border: 2px dashed #666; }th, td { border: none; }- 如果内容撑不开高度，加
min-height或占位内容，否则虚线可能不可见 - 注意：IE8+ 支持没问题，但某些旧版 Android WebView 对
border-collapse: collapse+ 单独table边框组合渲染不稳定，建议测试真机
虚线太细/太粗，怎么调得刚好？
dashed 的“划”长和间隔由浏览器按 border-width 自动计算，不是固定像素。宽度越小，虚线越密、越接近点状；宽度越大，“划”越长、间隙越宽。没有标准换算公式，只能试：
立即学习“前端免费学习笔记（深入）”；
-
1px：多数浏览器下呈现为短划+中等间隙，最常用 -
0.5px：CSS 支持但实际渲染常被四舍五入为1px，慎用 -
2px：划明显变长，间隙拉大，适合强调外框 - 颜色别用透明或继承值——
border-color: currentColor在某些表头里会变成文字色，导致虚线隐形
需要精确控制虚线节奏（比如 4px 实 + 8px 空）？
原生 dashed 不行，得换方案。用 border-image + repeating-linear-gradient 是目前最稳定的方式：
table {
border: 4px solid;
border-image: repeating-linear-gradient(
to right,
#333,
#333 4px,
transparent 4px,
transparent 12px
) 1;
}
关键点：
-
border宽度必须和渐变单位对齐（例中4px实线对应#333 4px） -
border-image-slice: 1是隐式值，不用写；但漏掉会出错 - 这个方案在 Safari 15.4+、Chrome 90+、Firefox 88+ 正常，IE 完全不支持，需降级回
dashed - 别用伪元素模拟——表格结构复杂，
::before/::after定位易错位，且无法覆盖单元格交界处
虚线真正难的不是画出来，是让它在不同缩放、不同设备像素比下保持节奏一致。原生 dashed 简单可靠，但一旦需要像素级控制，就得接受兼容性妥协和额外测试成本。
