bordercolor属性失效是因为html5已彻底移除该废弃属性，现代浏览器标准层面不支持；必须改用css的border或border-color属性配合border-style和border-width使用。
bordercolor 属性为什么失效了
HTML5 已经彻底移除了 bordercolor 这个属性，它在现代浏览器中属于被忽略的废弃属性。哪怕你写在 <table bordercolor="red"> 里，Chrome、Firefox、Safari 都不会生效——不是兼容性问题，是标准层面不支持了。
<p>根本原因是：HTML 负责结构，CSS 负责表现。边框颜色这种视觉样式，必须交由 CSS 控制。</p>
<h3>用 CSS 替代 bordercolor 的三种常见写法
</h3>
<p>实际项目中主要分三类场景，对应不同 CSS 写法：</p>
<ul><li>只设外边框颜色（类似旧版 <code>bordercolor 的直观效果）：
给 <table> 设置 <code>border，同时加 border-collapse: collapse 防止双线
对
td、th 设置 border，并确保 border-collapse: separate（默认值）或显式声明组合使用
table 和 td/th 的 border，注意 border-collapse 模式影响渲染逻辑示例（外框红色，内线灰色）：
table {
border: 2px solid red;
border-collapse: collapse;
}
td, th {
border: 1px solid #ccc;
padding: 8px;
}
border-collapse: collapse 和 separate 的关键区别
这个 CSS 属性直接决定边框怎么“拼合”，一不小心就出错：
-
collapse：相邻边框合并为一条线，此时设置table的border控制外框，td/th的border控制内线；但若只设table边框而没设单元格边框，内线会消失 -
separate（默认）：每个单元格保留独立边框，table的border只画外框，td/th的border各自画各自边框；此时border-spacing会影响格子间距
老代码迁移到 CSS 时，如果原来靠 bordercolor + cellspacing="0" 实现紧贴效果，现在必须配 border-collapse: collapse，否则会多出白缝。
IE8 及更老浏览器的兼容陷阱
虽然现在基本不用考虑 IE8，但如果维护遗留系统，要注意：
- IE8 支持
border-collapse，但对border-color在col或colgroup上的继承行为有 bug - 不要试图用
border-color单独写在table上而不带border-width和border-style—— CSS 规范要求三者齐全才生效，缺任意一个都会让颜色无效 - 用缩写
border: 1px solid #f00最稳妥，避免只写border-color
真正容易被忽略的是：表格边框颜色经常和 background-color、outline 或父容器的 box-shadow 叠加产生意外视觉效果，调试时建议临时加 outline: 1px dashed blue 看真实边界范围。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
