bordercolor属性失效是因为HTML5已彻底移除该废弃属性，现代浏览器标准层面不支持；必须改用CSS的border或border-color属性配合border-style和border-width使用。
bordercolor 属性为什么失效了
HTML5 已经彻底移除了 bordercolor 这个属性，它在现代浏览器中属于被忽略的废弃属性。哪怕你写在 <table bordercolor="red"> 里，Chrome、Firefox、Safari 都不会生效——不是兼容性问题，是标准层面不支持了。
根本原因是：HTML 负责结构，CSS 负责表现。边框颜色这种视觉样式，必须交由 CSS 控制。
用 CSS 替代 bordercolor 的三种常见写法
实际项目中主要分三类场景，对应不同 CSS 写法：
- 只设外边框颜色（类似旧版
bordercolor的直观效果）：
给<table>设置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 看真实边界范围。
