边框不显示是因为只给table设border仅控制外框，th/td无边框且未启用border-collapse:collapse；正确做法是table、th、td均需设置border并声明border-collapse:collapse。
table 元素直接加 style="border: 1px dashed #666" 为什么边框不显示？
因为只给 <table> 加虚线边框，只控制了表格外框；内部 <th> 和 <td> 默认没有边框，所以看起来像“只有外圈一条虚线”，中间全是空白。这不是 bug，是 CSS 边框的默认行为。
实操建议：
- 必须同时给
table、th、td都设置border，否则单元格之间无分隔 - 一定要加
border-collapse: collapse到table上，否则虚线会重叠出双线效果（尤其在 Chrome/Firefox 中明显） -
border: 1px dashed #666中的1px不能省——border-style: dashed单独写无效，宽度为 0 时浏览器不渲染虚线
用内联 style 写虚线边框，最简可行写法是什么？
不用 class、不引外部 CSS，纯靠 style 属性快速生效，推荐这个最小闭环写法：
<table style="border-collapse: collapse; width: 100%;">
<tr>
<th style="border: 1px dashed #999; padding: 8px;">姓名</th>
<th style="border: 1px dashed #999; padding: 8px;">城市</th>
</tr>
<tr>
<td style="border: 1px dashed #999; padding: 8px;">张三</td>
<td style="border: 1px dashed #999; padding: 8px;">北京</td>
</tr>
</table>
注意点：
立即学习“前端免费学习笔记（深入）”；
-
border-collapse: collapse必须写在<table>标签上，写在<tr>或<td>上无效 - 每个单元格都得单独写
border，<table>上的border不会继承到子元素 - 加
padding是为了内容不贴边，否则虚线紧挨文字会显得拥挤
为什么 border-style: dashed 在某些单元格里显示成实线或不清晰？
虚线渲染质量受两个底层因素影响：边框宽度和像素对齐。太细或非整数像素值会让浏览器难以绘制稳定虚线段。
常见问题与对策：
-
border: 0.5px dashed #000→ 大部分浏览器会降级为实线，改用1px或2px - 在高 DPI 屏幕（如 Retina/MacBook）上，
1px虚线可能模糊或断续，可尝试border: 2px dashed #000提升稳定性 - 如果表格用了
transform: scale(0.9)或其他缩放，虚线节奏会被拉伸变形，应避免在带虚线的表格上做非 1:1 缩放 -
dashed的点划长度由浏览器自动计算，无法精确控制；若需严格一致的虚线节奏（比如每 6px 一划），得用border-image或背景图
兼容性与移动端要注意什么？
dashed 边框在所有现代浏览器（Chrome、Firefox、Safari、Edge）中都支持，但 iOS Safari 对极细虚线（1px）的渲染偏弱，有时看起来像点线或断续线。
稳妥做法：
- 移动端优先用
2px dashed，视觉更可靠 - 避免在
<table>上同时设border-radius和dashed——圆角会裁切虚线末端，导致首尾不完整 - 如果表格要响应式缩放（比如
width: 100%+overflow-x: auto），确保父容器有明确宽度，否则虚线间距可能随缩放抖动 - 不要依赖
cellspacing或cellpaddingHTML 属性来控制虚线——它们已被废弃，且与 CSSborder-collapse冲突
border-collapse、border-width 和单元格级 border 这三处，漏掉任一个，都会让虚线变成不可控的视觉噪音。 
