必须设置 border-collapse: collapse 才能使 table 的 dashed 边框连续对齐；仅设 table 边框只显示外框虚线，内部格线需单独为 th、td 设置 border；border-width 影响虚线节奏，推荐 1px–2px；可用伪类实现单边虚线；复杂效果建议用 box-shadow 或伪元素替代。
table 用 border-style: dashed 必须配 border-collapse: collapse
直接给 table 或 td 写 border-style: dashed，但没加 border-collapse: collapse，大概率看到的是双线、错位或虚线断开——因为表格默认是「分离边框模型」，每个单元格边框独立渲染，虚线段在相邻单元格交界处不对接。
正确做法是：在 table 元素上显式声明 border-collapse: collapse，再统一设置 border：
-
table { border-collapse: collapse; }是前提，缺它一切白搭 -
th, td { border: 1px dashed #999; }才能保证每条虚线连续、对齐 - 如果只给
table设border: 2px dashed #666，而th/td没边框，那只有外框是虚线，内部无分隔线
虚线只出现在外边框？检查是否漏写了 th/td 的 border
常见错觉：“我写了 table { border: 1px dashed red; }，怎么只有外圈有虚线，格子之间还是实线？”——因为你没给 th 和 td 单独设边框。表格边框由三部分组成：table 自身边框、th 边框、td 边框；border-collapse: collapse 后，它们会合并，但样式必须分别定义。
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
要让所有格线都是虚线，必须同时写：
table { border-collapse: collapse; }th, td { border: 1px dashed #ccc; }- 别省略
border-width，只写border-style: dashed不会显示（浏览器默认medium宽度，但不可靠）
border-width 影响虚线“节奏”，不是越细越好
border-style: dashed 的虚线长度和间隔由浏览器按 border-width 自动推算，无法直接控制单段长度。但宽度值会明显改变视觉节奏：
-
1px dashed→ 虚线短、间隙密，适合小字号表格或紧凑布局 -
2px dashed→ 更稳重，虚线段清晰，推荐作为默认值 -
3px+→ 虚线变粗，“划”变长，间隙易被误读为断点，尤其在小屏上 - 避免用
0.5px或em单位，缩放时容易糊掉或消失
想让虚线只出现在某几行/列？用伪类 + 方向性 border
纯 CSS 实现“仅第一行下边框虚线”或“最后一列右边框虚线”，不用 JS，靠伪类和单边边框：
- 第一行下边框虚线：
tr:first-child td { border-bottom: 1px dashed #999; } - 最后一列右边框虚线：
td:last-child, th:last-child { border-right: 1px dashed #999; } - 注意：这些规则要写在
th, td { border: ... }之后，否则会被覆盖 - 如果用了
border-collapse: collapse，单边边框会自动与邻边合并，无需额外处理
border，什么时候该换 box-shadow 或伪元素”——比如需要虚线悬浮在内容之外、或要求虚线随 hover 动态变化时，border 就到头了。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
