border-right在table上常不可见，因其仅作用于表格外边缘且易被单元格边框覆盖；可靠做法是作用于td/th并显式指定solid等样式，同时设置border-collapse: collapse。
border-right 能直接给表格（table）、单元格（td 或 th）加右侧边框，但**它不是“装饰线”——它是真实渲染的边框，受盒模型、边框合并（border-collapse）和继承影响**。想稳定生效，得避开几个常见错觉。
为什么 table 元素上设 border-right 常常看不见？
默认 table 的 border-collapse: separate（分离模式），但它的边框只作用于自身外边缘；而真正显示“右侧线”的通常是最后一列的 td/th，不是 table 本身。
- 给
table设border-right: 2px solid #ccc：只在表格整体右边加一条线，不延伸到每行，视觉上容易被忽略 - 如果用了
border-collapse: collapse，table的border-right会被内部单元格边框覆盖或抵消 - 浏览器对
table外边框的渲染优先级低于单元格边框，尤其在有cellspacing或 padding 时
td 和 th 上用 border-right 才是可靠做法
要让每一行都有一条清晰的右侧线（比如模拟竖向分隔线），必须作用在单元格上，并注意列选择逻辑。
- 给最后一列加：
td:last-child, th:last-child { border-right: 1px solid #999; } - 给某指定列加（如第2列）：
td:nth-child(2), th:nth-child(2) { border-right: 2px dashed #666; } - 避免重复叠加：如果相邻单元格都有
border-right和border-left，会变成双线；用border-collapse: collapse后，取其中较宽/较深的那个值 - 记得重置默认空白：
table { border-collapse: collapse; }，否则cellspacing会让边框断开
border-right-style 值选错会导致“线没出现”
border-right 是简写，等价于 border-right-width + border-right-style + border-right-color。漏掉 style 就等于设了 border-right-style: none —— 线根本不会画出来。
- 错误写法：
border-right: 1px #000→ 缺少样式，实际是border-right: 1px none #000，无效 - 正确写法：
border-right: 1px solid #000或分开写：border-right-width: 1px; border-right-style: solid; border-right-color: #000; - 想用虚线但没效果？检查是否用了
dashed而非dotted，且宽度 ≥ 2px 才容易看清虚线间隔
表格边框合并时 border-right 的冲突优先级
当 border-collapse: collapse 开启后，相邻单元格的边框会“合并”，此时 border-right 不是无条件渲染，而是参与权重计算。
立即学习“前端免费学习笔记（深入）”；
- 同位置边框中，
border-style有固定优先级：hidden > double > solid > dashed > dotted > ridge > outset > inset > groove > none - 比如
td设了border-right: 1px solid red，右边td设了border-left: 2px dashed blue，最终显示的是solid（更高优先级），宽度取 2px，颜色取 red（左侧胜出） - 若只想控制右侧线，建议统一设置所有相关单元格的
border-right，并避免在同一位置混用不同style
border-right-style、忽略 border-collapse 影响、或者把样式挂错元素层级，都会让那条线消失得毫无征兆。 
