必须设为collapse才能控制内边框线；表格默认separate模式导致table与td各自渲染边框，出现双线，需先在table上声明border-collapse: collapse，再给td/th设border。
table 的 border-collapse 必须设为 collapse 才能控制内边框线
直接给 td 或 th 加 border 却看到双线、粗线或错位，八成是漏了 border-collapse: collapse。表格默认用 separate 模式，导致 table 和 td 各自画一遍边框，视觉上就是两道线。
正确做法是先统一收束边框：
-
table上必须声明border-collapse: collapse - 再单独给
td、th设置border，此时才真正控制“内边框线” - 如果只给
table设border而不设border-collapse，内边框根本不会出现
border-width 支持四值语法，但 td/th 通常用单值更稳妥
border-width 接受 1–4 个值，顺序是上 → 右 → 下 → 左。例如：border-width: 1px 2px 0 3px。但在表格单元格里滥用多值容易出错：
-
td元素上下左右边框常需一致，写成border-width: 1px最安全 - 若真要差异化（比如只加底边），优先用方向性属性：
border-bottom-width: 2px，比四值更直观不易错 - 注意：
border-bottom-width单独设时，必须同时有border-style（如solid），否则无效
细线表格常见错误：border-color 和 background 冲突
想实现 1px 灰色细线表格，却看到边框发虚、颜色变浅，问题往往出在颜色叠加：
-
border-color: #ccc在白色背景上正常，但在浅灰背景（如background-color: #f9f9f9）下对比度下降，显得“断断续续” - 避免用
border-color: transparent试图隐藏某条边——它仍占渲染空间，可能引发对齐错位 - 真正隐藏某边：用
border-bottom: none或border-bottom-style: hidden，而不是只调颜色
打印时内边框消失？检查 border-collapse 和单位
开发时看着好好的细线表格，一打印就边框全无，大概率是这两个原因：
- 部分浏览器打印时忽略
border-collapse: collapse，尤其旧版 Edge；强制加上border-collapse: collapse !important保险些 - 用
em或rem做border-width单位，打印时缩放可能导致边框被舍入为 0px；一律用px（如border-width: 1px） - 某些打印机驱动会过滤掉
dotted或dashed样式，打印场景建议只用solid
border-style 的存在必要性——哪怕你只改宽度或颜色，也得确保 border-style 是 solid、dashed 这类可见值，none 或未声明都会让其他 border 属性失效。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
