bordercolor 属性已废弃，现代浏览器完全不支持，必须用 css 的 border-color 配合 border-style 和 border-width 才能生效。
别用 BORDERCOLOR 属性了，它在现代 HTML 中已废弃，且只对部分旧版 IE 有效，Chrome/Firefox/Edge 完全不支持。
为什么 BORDERCOLOR 在现代浏览器里不生效
这个属性是 HTML 3.2 时代的遗留物（1997 年左右），属于内联表现层控制，W3C 早在 HTML 4.01 就将其标记为“已弃用”，HTML5 中彻底移除。当前所有主流浏览器（包括 Edge 基于 Chromium 后）都忽略 <td bordercolor="red"> 这类写法——你写了，但开发者工具里根本看不到对应样式，控制台也不会报错，纯静默失效。
<p>常见错误现象：<code><td bordercolor="#ff6b6b">内容</td> 在本地双击打开 HTML 文件时看似有效（其实是 IE 兼容模式或旧版 Edge 的残留行为），但一放到 Chrome 或部署到服务器，边框色就回退成默认黑色或透明。
CSS border-color 是唯一可靠方案
必须用 CSS 控制边框颜色，且要确保 border-style 和 border-width 同时存在，否则即使写了 border-color 也看不见边框。
- 最简写法：
td { border: 1px solid #ff6b6b; }—— 三者合并声明，安全无遗漏 - 单独设某一边：
td { border-top-color: #ff6b6b; border-top-style: solid; border-top-width: 1px; } - 想让第一行表头单元格红上边、其余黑边？
th { border-top: 2px solid #e74c3c; } td { border: 1px solid #34495e; } - 注意：如果表格用了
border-collapse: collapse，则th和td的相邻边框会合并，此时设置单个单元格的border-color可能被覆盖，需用更具体的选择器（如tr:first-child th）或加!important（慎用）
兼容性与易踩坑点
现代 CSS 边框控制完全没问题，IE9+ 全支持 border-color 多值语法（如 border-color: red green blue yellow），但有三个实际中高频出问题的地方：
- 忘记写
border-style：只写border-color: red不会显示任何边框，必须搭配solid/dashed等才可见 - 没处理
border-collapse：默认separate模式下，相邻td边框并排，视觉上变粗、颜色重叠；要用table { border-collapse: collapse; }统一归零干扰 - 颜色继承陷阱：未显式设
border-color时，它会继承父元素的color值。如果你给table设了color: #666，又没覆盖border-color，那所有边框就都是灰色——不是 bug，是规范行为
真正麻烦的从来不是“怎么设颜色”，而是“为什么设了没反应”。盯住 border-style 是否存在、border-collapse 是否干扰、浏览器是否在用 document mode=5（即怪异模式）——这三点查完，90% 的边框色问题就定位清楚了。
