HTML5中bordercolor属性已废弃，必须用CSS的border或border-color（需配合width和style），推荐border:1px solid #d32f2f；表格边框需设border-collapse:collapse并统一控制td/th边框。
直接用 border 而不是 bordercolor
bordercolor 是 HTML 4.01 的遗留属性，HTML5 中已完全废弃，现代浏览器（Chrome、Firefox、Edge、Safari）全部忽略它。你写 <td bordercolor="red">，页面上根本不会变红——这不是兼容性问题，是直接无效。
必须用 CSS 的 border 或 border-color，但注意：
-
border-color单独写没用，必须搭配border-width和border-style - 最省事写法是
border: 1px solid #d32f2f（三者一次配齐） - 若只改颜色不改粗细/样式，可用
border-color: #d32f2f，但前提是该元素已有border声明（比如父级或通用规则里设过）
常见错误现象：<td style="border-color: red">内容</td> → 边框完全不显示。
table 和 td 边框颜色要分开控制
表格边框由两层构成：外层 table 的边框 + 内层每个 td/th 的边框。默认 border-collapse: separate，你会看到“双线”效果，此时设置 table 的 border 和 td 的 border 颜色可能互相遮挡。
推荐做法：
- 给
table加style="border-collapse: collapse;" - 然后统一控制
td和th的border，例如：<td style="border: 2px solid #2196f3"> - 如果只要外框、不要内线，就只给
table设border，并把td的border设为none或0
性能影响：不加 border-collapse: collapse 时，浏览器需分别渲染每条边框，对大表格有轻微渲染开销；加了之后更轻量、视觉也更干净。
立即学习“前端免费学习笔记（深入）”；
给单个 td 设置不同边框色的实操要点
想让某个单元格左边红、右边蓝、上下透明？没问题，但得用方向性属性：
-
border-left: 3px solid red -
border-right: 2px dashed #4caf50 -
border-top: none或border-bottom: 1px solid transparent（transparent是合法值，none会彻底移除该边）
容易踩的坑：
- 写
border-left-color: red但没设border-left-width和border-left-style→ 左边框不出现 - 用
border: 1px solid但漏写颜色值 → 边框变成浏览器默认色（通常是黑色，不可靠） - 在内联
style里混用单位（如border: 1 solid red）→ 缺少px，部分浏览器静默失败
用 class 替代重复的 style 更靠谱
批量设置时，硬写一堆 style="border: ..." 很难维护。建议抽成 CSS 类：
.cell-alert { border: 2px solid #f44336; background-color: #ffebee; }
.cell-success { border: 2px solid #4caf50; background-color: #e8f5e9; }然后在 HTML 里用：<td class="cell-alert">错误项</td>
这样做的好处：
- 颜色、粗细、背景统一管理，改一处全更新
- 避免内联样式污染 HTML 结构
- 支持 :hover、:focus 等伪类扩展（比如悬停加粗）
- 便于后续用 JS 动态切换 class 控制状态
真正麻烦的不是怎么设颜色，而是忘了 border-style —— 它不像颜色或宽度那样“看起来像有”，但它决定边框存不存在。写完检查一遍：有没有 solid、dashed 或 dotted？没有就等于没写。
