html表格边框不一致或不显示的主因是border-style被重置为none或hidden，须先统一设border-style:solid、启用border-collapse:collapse，再分层设置border-width。
border-style 被重置成 hidden 或 none 是最常见失效原因
写了 td { border-width: 1px; } 却没效果？大概率是 border-style 被浏览器默认或 normalize.css 等重置库设成了 hidden 或 none。宽度再大，样式不活就等于没写。
DevTools 的 Computed 面板里查 border-top-style，如果不是 solid、dashed 这类可见值，就说明它被静默压制了。
- 强制兜底：用
table, th, td { border-style: solid; }覆盖所有干扰 - 别只写
border-width，必须搭配border-color和border-style才生效 - 遇到
hidden（比none更强），临时调试可用border-style: solid !important，但上线前要定位源头
border-collapse: collapse 是统一边框的必要前提
不设 border-collapse: collapse，th 和 td 的边框会各自渲染，相邻单元格交叠处出现双线，粗细自然不一致。哪怕你给每个单元格都设了 1px，视觉上还是“有的地方粗、有的地方糊”。
设了 collapse 后，相邻边框会合并取最大值——这正是可控性的起点。
- 必须在
table上声明：table { border-collapse: collapse; } -
th和td的边框要完整定义：border: solid #000; border-width: 1px;，不能只写border-width - 如果框架（比如 Bootstrap）默认用了
separate，就得显式覆盖
外框加粗和内线变细得靠“分层控制”，不是靠一个 border 值
想让表格外框比内部线粗，别指望只改 table { border-width: 2px; } 就完事——collapse 模式下，table 的 border 只画最外一圈，不影响内部合并逻辑；而内部线粗细由 th/td 的单边决定。
真正有效的做法是把边框拆开管：
- 先统一基础：
th, td { border: solid #000; border-width: 1px; } - 再加厚外沿：
th:first-child, td:first-child { border-left-width: 2px; }、tr:last-child td { border-bottom-width: 2px; } - 最后补上 table 自己的外框：
table { border: 2px solid #000; }，它只撑起最外轮廓，不参与内部合并
移动端 Safari 对 0.5px 边框渲染不稳定，一律用整数
某些设计稿要求“纤细边框”，于是写 border-width: 0.5px。但在 iOS Safari（尤其旧版）里，这个值常被四舍五入成 0px 或 1px，导致部分边框消失或粗细跳变。
这不是 bug，是渲染引擎对 sub-pixel 的处理策略不同。实际项目中，宁可接受略粗一点的 1px，也别赌 0.5px 的一致性。
- 全项目统一用整数：
1px、2px，避免小数 - 若真需视觉更细，改用
box-shadow: 0 0 0 0.5px #000;模拟，兼容性更好 - 检查所有
th、td、table的border-width是否都为整数，别漏掉某一层
border-width 写多少，而是 border-style 活没活着、border-collapse 工作没工作、以及有没有更高优先级的规则在暗处悄悄把它 reset 掉。调试时盯死 Computed 样式里的 border-top-style 和 border-top-width，比反复改 CSS 文件快得多。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
