不能直接写 border-style: dashed 就出虚线，必须同时指定 border-width 和 border-color；作用于 table 外边框需写 border: 1px dashed #999，而内部虚线分割线则需设 td/th 的 border 并配合 border-collapse: separate。
table边框用border-style: dashed直接生效吗？
不能直接写 border-style: dashed 就出虚线——必须同时指定 border-width 和 border-color，否则浏览器会忽略虚线样式。常见错误是只写 style="border-style: dashed;"，结果什么边框都不显示。
正确写法是合并三属性：border 简写或显式声明：
<table style="border: 1px dashed #999;">
注意：这个样式作用于整个 table 元素的外边框，不是单元格之间的分隔线。
让td/th之间出现虚线分割线，该设谁的border？
要让表格内部格线（行与行、列与列之间）变成虚线，关键不是设 table，而是设 td 和 th 的边框，并关闭默认的边框合并行为。
立即学习“前端免费学习笔记（深入）”；
- 先加
border-collapse: separate;（默认是collapse，此时单个单元格边框会被合并，dashed可能被压制或渲染异常） - 再给
td, th设border-bottom和border-right（比如只想要横竖虚线分割） - 为避免右下角重复描边，可对最后一列
td:last-child, th:last-child清除border-right，最后一行用tr:last-child td清除border-bottom
示例：
<table style="border-collapse: separate; border-spacing: 0;"> <tr><td style="border-bottom: 1px dashed #ccc; border-right: 1px dashed #ccc;">A</td></tr> </table>
IE 或旧版浏览器里 dashed 不显示怎么办？
老版本 IE（如 IE8 及更早）对 border-style: dashed 支持不一致，尤其在 table 内部单元格上可能退化为实线或完全不渲染。
兼容性兜底方案只有两个实际可用：
- 用
background-image模拟虚线：比如linear-gradient(to right, #999 50%, transparent 50%)重复平铺作底纹，但仅适合单向分割（如只做横向虚线） - 放弃 CSS 虚线，改用 1×2 像素透明/有色 PNG 图片作
border-image或背景平铺——虽然麻烦，但在必须支持 IE7–8 的场景里仍是唯一可靠路径
现代项目（Chrome/Firefox/Safari/Edge 104+）无需考虑这点，dashed 行为稳定。
用伪元素 ::after 给表格加虚线分割线靠谱吗？
不推荐。表格结构本身是高度约束的盒模型，td 默认 display: table-cell，对 ::before/::after 的定位和尺寸控制极不可靠——伪元素容易被截断、错位，或根本无法撑开空间。
真正需要自定义虚线密度（比如想让划线更密或更疏）时，应优先考虑：
-
border-image配合stroke-dasharray导出的 SVG 数据 URI（适合固定宽度列） - 用
box-shadow模拟单侧虚线（例如box-shadow: 0 1px 0 0 #999, 0 2px 0 0 transparent, 0 3px 0 0 #999），但维护成本高、响应式下易失效
多数情况下，老老实实用 border-bottom + border-collapse: separate 最省心——虚线样式本身无法调节“划长”和“间隔”，这是浏览器内置实现，别白费劲去 hack。
