表格边框变粗应优先用border-width而非border简写，因border-collapse:collapse会导致边框合并覆盖；需确保border-style已定义（如solid），否则border-width无效。
table 边框变粗用 border-width 不要只改 border
直接写 border: 1px solid #000 看似简单，但表格里经常失效——因为 border-collapse: collapse 会让相邻边框合并，最终显示的其实是“叠加优先级更高”的那条边。想稳稳加粗，得从底层控制单边宽度。
- 先确认表格用了
border-collapse: collapse（绝大多数 CSS 框架和重置样式都默认开它），这时td和th的border会互相覆盖，单独调border-width更可靠 - 推荐写法：
table { border-collapse: collapse; } td, th { border: solid #000; border-width: 2px 1px 1px 2px; }——这样外侧边框更粗，内侧保持细线，视觉更清晰 - 如果整个表格只要统一粗边框，别忘了给
table本身也加border，否则只设td/th会在单元格间留缝
td/th 的 border-width 单独设比 table 更灵活
表格结构复杂时（比如带合并单元格、嵌套表头），table 元素的 border 往往管不到内部细节。真正起效的是对单元格逐个控制。
-
th:first-child加粗左边界：border-left-width: 3px - 最后一行
td加粗下边框：tr:last-child td { border-bottom-width: 2px; } - 注意顺序：
border-style和border-color必须已定义，否则只设border-width无效（浏览器会忽略无样式的宽度）
border-collapse: separate 时边框粗细表现不同
不用 collapse 时，每个单元格是独立盒子，border 完全按设定渲染，但会多出间隙——这时候加粗反而容易显得松散。
- 若必须用
separate（比如需要单元格阴影或背景渐变），用border-spacing: 0消除空隙，再统一设td { border: 3px solid #333; } - 性能影响小，但兼容性要注意：
border-spacing在 IE8 及以下不支持，老项目慎用 - 移动端 Safari 对
border-spacing+ 小数值（如0.5px）渲染不稳定，建议只用整数
Chrome DevTools 里边框变粗却没生效？检查 computed 样式里的 border-style
常见现象：写了 border-width: 4px，但在 Elements 面板看到 computed 值还是 none 或 0px——大概率是 border-style 被重置成 none 了。
立即学习“前端免费学习笔记（深入）”；
- 查 computed 样式时重点看
border-top-style这类属性，不是只盯border-top-width - 某些 CSS 重置库（如 normalize.css）会把
table相关元素的border-style设为hidden，这比none更霸道，连宽度都不认 - 临时调试可强制覆盖：
td { border-style: solid !important; border-width: 3px; }，确认是否 style 被覆盖
border-style 被静默重置，而不是宽度值写错。盯着 computed 样式里那一栏 border-top-style 比反复调 width 更省时间。 
