border属性在现代HTML中已失效，必须用CSS的border-width配合border-style控制边框；单独设border-width无效，且需注意border-collapse、重置样式及像素值兼容性问题。
border 属性在现代 HTML 中已失效，不能可靠控制表格边框粗细。浏览器（Chrome 120+、Edge 122+、Safari 17+）会忽略 border="3" 这类写法，或统一当作 border="1" 处理。真正起效的是 CSS 的 border-width，但必须配合 border-style 和作用域控制逻辑。
为什么直接写 border="3" 没用
这个属性是 HTML 4 时代的遗留方案，HTML5 已将其标记为“过时（obsolete）”。它只接受整数，含义模糊（border="1" 是 1 像素，border="3" 却不等于 3 像素），且无法指定颜色、样式、单位。现代渲染引擎要么降级处理，要么完全跳过——你在 DevTools 里看到的 computed border-width 很可能还是 0px 或未定义。
border-width 必须和 border-style 同时出现
只写 border-width: 2.25px 不会显示任何边框，因为默认 border-style 是 none。浏览器会忽略无样式的宽度声明。
- 正确写法：
td { border-style: solid; border-width: 2px; }或更稳妥的简写：td { border: 2px solid #000; } - 如果用了 CSS 重置（如 normalize.css），它可能把
table、td的border-style设为hidden——比none更彻底，连宽度都不认 - 调试时快速验证：在 DevTools 中检查 computed 样式，重点看
border-top-style是否为solid，而不是只盯border-top-width
外框加粗 ≠ 给 table 加 border
给 table 元素设 border: 3px solid #000 看似合理，但实际常被 td 边框覆盖或错位，尤其当启用了 border-collapse: collapse（绝大多数项目都开了）。真正可控的做法是分层控制：
立即学习“前端免费学习笔记（深入）”；
- 先确保
table { border-collapse: collapse; }，否则边框会双倍叠加 - 用
td, th { border: 1px solid #ccc; }统一内线 - 再单独强化外侧：例如
tr:first-child th, tr:first-child td { border-top-width: 2.25px; }，或td:last-child, th:last-child { border-right-width: 2.25px; } - 若要整个外框等宽加粗，推荐：
table { border: 2.25px solid #000; }+td, th { border: 1px solid #000; }+border-collapse: collapse;，此时table的边框会作为“最外层容器”渲染，不与单元格边框合并
像素值别硬写 1.5px 或 0.5px
高 DPI 屏幕（如 Retina、Windows 缩放 125%）下，1.5px 可能被四舍五入为 1px 或 2px，0.5px 在旧版 Safari 中直接不支持。这不是 bug，是 CSS 渲染规范决定的。
- 安全做法：用整数像素（
1px、2px、3px）或相对单位（0.1em） - 需要视觉上更细的线？改用
box-shadow: 0 0 0 0.5px #000，兼容性更好 - 响应式场景可考虑
border-width: clamp(1px, 0.1vw, 2px)，但需测试 iOS Safari 表现
最容易被忽略的一点：边框是否“可见”，80% 取决于 border-style 是否被重置，而不是宽度写对没写对。先查 computed 样式里的 style，再调 width。
