html bordercolor 属性不能用，它在html5中已被完全废弃，现代浏览器均不支持；必须用css的border或border-color配合border-style使用，并注意border-collapse模式对边框渲染的影响。
HTML BORDERCOLOR 属性还能用吗？
不能。这个属性在 HTML5 中已被完全废弃，现代浏览器（Chrome、Firefox、Edge、Safari）均不支持 BORDERCOLOR，即使写在 <table> 标签里也不会生效。它只存在于 IE5–IE8 的私有实现中，现在强行使用只会让样式不可控或被忽略。
<h3>用 CSS 替代 <code>BORDERCOLOR 的正确写法
必须用 border 或 border-color 控制边框颜色。关键点在于：表格边框默认是「分离边框模型」，border-collapse: separate，此时每格（<td>/<code><th>）的边框独立渲染，<code><table> 自身的 <code>border 常被遮盖。
- 想给整个表格加统一外边框：直接给
<table> 设 <code>border，并确保border-collapse: collapse - 想让单元格之间无间隙、边框合并：必须设
border-collapse: collapse，否则border-color在<td> 上可能只显示部分边线 <li>单独控制某一行或某一列的颜色：给对应 <code><tr> 或 <code><td> 设置 <code>border，但要注意collapse模式下边框会按「宽度优先、样式次之、颜色最后」合并示例：
左蓝 右绿 为什么
border-color有时不起作用？常见原因不是写错了属性，而是被其他规则覆盖或模型没切对：
-
border-style缺失：CSS 中border-color单独设置无效，必须搭配border-style（如solid、dashed），否则边框根本不会渲染 - 继承干扰：某些 CSS 框架（如 Bootstrap）重置了表格样式，
border: none可能已全局应用，需用!important或提高选择器权重覆盖 - 盒模型影响：
padding或outline会让视觉上误判边框是否生效，建议用浏览器开发者工具检查 computed styles 中的border是否为none
兼容老项目时怎么安全过渡？
如果维护一个还在用
BORDERCOLOR的旧页面，不要逐个替换标签属性，而是用 CSS 批量接管：- 给所有表格加 class：
<table class="legacy-table"> <li>用属性选择器匹配遗留写法：<code>table[bordercolor] { border-collapse: collapse; } - 再统一定义颜色：
table[bordercolor] { border: 1px solid #9b59b6; }
注意：
[bordercolor]是属性存在即可匹配，不读取其值；真要按原值还原颜色，就得用 JS 解析并注入 style —— 通常没必要，直接统一样式更可控。真正麻烦的不是换属性，而是表格嵌套、
colspan/rowspan导致的边框断裂。这种情况下，光靠border-collapse: collapse不够，得配合empty-cells: show和显式给<th>/<code><td> 设边框才能保证颜色连续。</td> -
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
