border-color 无效的两个关键前提是未设置 border-style 和 border-width；还需在 table 上添加 border-collapse: collapse 才能使边框颜色正常显示。
直接写 border-color 没反应？缺了两个关键前提
绝大多数人卡在这一步：给 <td> 或 <code><th> 加了 <code>style="border-color: #007bff"，但边框压根不显示。原因就两条：
— border-style 没设，默认是 none，浏览器直接跳过绘制；
— border-width 没设，默认是 medium（但各浏览器解析不一致，Chrome 可能当 0 处理）。
所以仅靠 border-color 是“改颜色”，不是“画边框”。要让它可见，必须补全三要素：
-
border-style: solid（或dashed/dotted）——没有样式=没有边框 -
border-width: 1px（或具体数值，带单位！1不行，1px才行） -
border-color: #007bff（颜色值可为十六进制、RGB、命名色）
最稳妥的写法是合起来：border: 1px solid #007bff。它一次声明三者，不会遗漏，也避免顺序依赖。
table 上漏掉 border-collapse: collapse，颜色会“断开”
即使每个 <td> 都写了 <code>border: 1px solid red，你看到的可能仍是双线、错位、颜色深浅不一——这是默认 border-collapse: separate 的锅。相邻单元格的边框各自渲染，中间还留有间隙，border-color 实际只作用在“半条边”上。
立即学习“前端免费学习笔记（深入）”；
解决方法只有一条：
— 必须在 <table> 标签上加 <code>style="border-collapse: collapse"；
— 写在 <td> 或 <code><th> 上无效；<br>— 写在 CSS 类里也必须作用于 <code>table 元素本身。
加上后，上下/左右相邻单元格的边框自动合并为一条线，你设的 #007bff 才真正完整呈现。
只想改某一边颜色？用方向性边框属性更精准
如果目标是“左边红色、右边透明、上下无边”，硬套 border 简写反而麻烦。此时应直接操作单边：
- 只设左边：
border-left: 2px solid red - 只设右边 + 透明色：
border-right: 2px solid transparent - 上下同色、左右同色但不同：
border-color: #333 #f00（顺时针：上→右→下→左，两值即“上/下、右/左”） - 四边全不同：
border-color: #ff6b6b #4ecdc4 #45b7d1 #96ceb4
注意：border-color 多值写法必须配合已存在的 border-style 和 border-width（哪怕是在父级继承来的），否则依然不生效。
bordercolor 属性在现代 HTML 中完全失效
别再用 <td bordercolor="#ff0000"> 或 <code><table bordercolor="red">。这不是“兼容性差”，而是 HTML5 明确废弃的属性，所有主流浏览器（Chrome/Firefox/Safari/Edge）已停止解析。它不属于 CSS 渲染流程，也不参与样式计算。
<p>如果你在某个老页面里看到它“还能用”，那只是浏览器的兼容兜底逻辑，不可靠、不跨平台、无法调试、不能和 <code>border-collapse 协同——上线前务必替换为 style 写法。
真正容易被忽略的点是：border-collapse: collapse 和 border-style 这两个声明，常被当成“可选优化”，其实它们是让 border-color 发挥作用的硬性前提。少一个，颜色就等于没设。
