必须在table、th、td三者上同时设置一致的border样式，并为table添加border-collapse: collapse，否则边框会因separate模式叠加而显粗。
为什么直接写 border: 1px solid #ccc 还是显粗？
因为浏览器默认用 border-collapse: separate，table、th、td 各自画自己的边框，上下左右一碰，视觉上就是 2px ——哪怕你写的全是 1px。真正起作用的是 border-collapse: collapse，它必须加在 table 上，不是 th 或 td。没这句，所有边框设置都白搭。
border-collapse: collapse 必须和哪些元素一起设？
只给 table 设边框不行：只有外框，内部没线；只给 th 和 td 设也不行：外框可能漏掉。必须三者同时设，且参数一致：
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
下载
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
-
table, th, td { border: 0.5px solid #ddd; }（现代浏览器支持 subpixel，0.5px比1px更纤细） -
table { border-collapse: collapse; }（开关必须打开） - 颜色、样式、宽度三者必须完全一致，否则合并后可能出现虚线感或色差
浅灰色边框怎么避免“发灰看不清”？
单纯用 #ddd 在低对比度场景下容易淹没文字，尤其小字号或弱光环境。更稳妥的做法不是调粗细，而是微调视觉重量：
- 用
rgba(0, 0, 0, 0.15)替代纯灰值，降低对比度但保留清晰度 - 配合
padding: 6px 10px增加呼吸感，比加粗边框更能提升可读性 - 避免在高缩放屏（如 Windows 125%、Mac Retina）上依赖
1px——0.5px渲染更稳定 - 别用
border-style: dotted或groove，这些自带厚度，没法压细
第三方框架干扰怎么办？
Bootstrap、Ant Design 等常重置 border-collapse 为 separate，或给 td 加 border: none。排查时重点看：
- 用浏览器开发者工具检查
table元素的 computed 样式，确认border-collapse确实是collapse - 是否被
!important覆盖，或选择器权重不够（比如框架用了.table td，你只写了td） - 某些旧版组件会强制插入
cellspacing="2"这类 HTML 属性，得用 CSS 覆盖：table[border] { border-collapse: collapse !important; }
border-collapse: collapse 是否生效、三处边框是否完全一致、以及颜色透明度是否适配实际背景与文字。漏掉任意一点，0.5px 都会退化成模糊的灰影。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
