真正生效需先定义border-style和border-color再单独设border-width；collapse模式下边框合并导致简写失效，须用td/th独立控制，table自身border需显式设置外框。
border-width 单独设才真正生效
只写 border: 2px solid #000 在表格里经常“加粗失败”，尤其用了 border-collapse: collapse（几乎所有现代 CSS 框架默认启用）。原因不是宽度没设，而是相邻单元格边框合并后，浏览器按渲染优先级取其中一条——你写的那条可能被覆盖了。
真正可控的做法是：先确保 border-style 和 border-color 已定义（比如 border: solid #000），再单独用 border-width 调整粗细。这样每条边都能独立控制。
-
td, th { border: solid #000; border-width: 2px 1px 1px 2px; }—— 左、上边框加粗，内侧保持细线，外轮廓更醒目 - 想只加粗最后一行下边框：
tr:last-child td { border-bottom-width: 3px; } - 检查 DevTools 的 computed 样式时，重点看
border-top-style是否为solid；若显示none或hidden，border-width再大也无效
border-collapse: collapse 和 separate 行为完全不同
两种模式下，“加粗”逻辑根本不一样：
-
collapse模式：单元格边框会合并，table元素的border基本不起作用，真正起效的是td/th的边框设置 -
separate模式：每个单元格是独立盒子，border完全按设定渲染，但默认有间隙（border-spacing）
若选 separate，必须配 border-spacing: 0 消除空隙，否则加粗后反而显得松散。注意：border-spacing 在 IE8 及以下不支持，移动端 Safari 对小数（如 0.5px）渲染也不稳，建议只用整数。
外边框加粗容易漏掉 table 自身的 border
很多人只给 td 设边框，结果表格最外一圈还是细线或断开——因为 td 的边框只管内部交界，不覆盖表格整体外沿。
要实现完整粗外框，必须显式给 table 元素加 border：
table { border: 3px solid #333; border-collapse: collapse; }-
td, th { border: 1px solid #ccc; }—— 这样外粗内细，结构一目了然 - 如果用了
colspan或rowspan，table的 border 依然有效，但复杂嵌套表头时，仍建议靠td:first-child、tr:last-child td等选择器精细控制
重置样式（如 normalize.css）可能悄悄禁用边框
某些 CSS 重置库会把 table、td、th 的 border-style 设为 hidden，比 none 更彻底——它连 border-width 都不认。
临时验证是否被覆盖，可加强制声明：
td { border-style: solid !important; border-width: 2px; }- 确认生效后，再逐步移除
!important，定位具体哪条规则在干扰 - 老项目中若用到
border-collapse: collapse+ 重置样式，务必检查 computed 样式里的border-*-style，这是最常被忽略的失效点
border-style 存在，然后用 border-width 精确控制每条边。别依赖 border 简写，也别指望 table 的 border 能管住所有细节——表格结构越复杂，越得靠单元格级控制。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
