border-style: dashed 是设置HTML表格虚线边框的正确方式，因其由等长短线段与等长空隙构成，而dotted为离散圆点，视觉与语义均不同；表格需同时为table、th、td设置border并配合border-collapse: collapse才能实现连贯虚线网格。
border-style: dashed 是设置 HTML 表格虚线边框的正确方式，border-style: dotted 画出来的是点线，不是虚线——两者视觉差异明显，且语义不同。
为什么 border-style: dotted 不是虚线
虚线（dashed）由等长短线段 + 等长空隙组成；点线（dotted）由离散圆点构成。浏览器对 dotted 的渲染更依赖 border-radius 和像素密度，小字号下容易糊成实线或断续不均。表格中若误用 dotted，常导致表头/单元格边框看起来“发虚”“不连贯”，尤其在高 DPI 屏幕上。
table 和 td/th 都要设 border 才能生效
只给 <table> 加 style="border: 1px dashed #999;"，只能看到外框；内部单元格之间仍无边框。必须同时为 td、th 设置边框，并配合 border-collapse: collapse 合并：
table {
border-collapse: collapse;
}
table, th, td {
border: 1px dashed #999;
}
- 缺
border-collapse: collapse→ 单元格之间出现双倍间距，虚线断裂感强 - 只设
table边框 → 内部无分隔线，像一张“贴纸”而非网格 -
th和td的border值必须一致，否则合并后虚线节奏错乱
内联 style 中写 dashed 必须带 border-width
仅写 style="border-style: dashed;" 是无效的——浏览器会沿用默认 border-width: medium（约 3–4px），但 medium 在不同浏览器下虚线段长/间隙不一致，Chrome 可能显示 5px 实+5px 空，Firefox 可能是 4px+6px。
立即学习“前端免费学习笔记（深入）”；
- 正确写法：
style="border: 1px dashed #666;"或style="border-width: 1px; border-style: dashed; border-color: #666;" - 避免用
border: dashed这种漏掉宽度和颜色的简写 - 表格内单个单元格要单独虚线？用
td.special { border-bottom: 1px dashed #007bff; }，别只改border-style
border-collapse: collapse 对虚线的影响容易被忽略
虚线在 collapse 模式下是“共享边框”，即相邻 td 共用一条虚线；而在默认 separate 模式下，每个单元格画自己的虚线，结果是两条虚线紧挨着，看起来像加粗或抖动。
- 想让表格虚线整齐连贯，
border-collapse: collapse不可省略 - 它会影响
border-spacing—— 设了collapse后，border-spacing自动失效 - 如果真需要留缝隙，改用
outline或伪元素模拟，而不是退回separate
