bordercolor属性在现代浏览器中完全失效，因html5已将其彻底移除；必须用css的border（含width、style、color三要素）替代，并配合border-collapse控制边框合并模式。
bordercolor 属性在现代浏览器里根本不起作用——不是你写错了，是 HTML5 标准直接把它删了。Chrome、Firefox、Safari 都忽略它，哪怕你写成 <table bordercolor="red"> 或 <code><td bordercolor="#007bff">，页面上也看不到任何边框颜色变化。
<h3>为什么只设 <code>border-color 没反应？
因为 CSS 的边框是“三件套”：必须同时有 border-width、border-style 和 border-color 才能显示。只写 border-color: red 就像只告诉厨师“要辣”，但没说放多少辣椒、也不给油和锅——结果就是没菜。
- ✅ 正确写法：
border: 1px solid red（简写，三者一次配齐） - ✅ 或分开写：
border-width: 1px; border-style: solid; border-color: red - ❌ 错误写法：
border-color: red（缺宽度和样式，边框不可见） - ❌ 错误写法：
border: solid red（缺宽度，部分浏览器会忽略）
border-collapse: collapse 是表格边框的关键开关
表格默认用 border-collapse: separate，每个单元格边框独立，table 的边框只包最外一圈；而老代码里靠 cellspacing="0" + bordercolor 实现的“紧贴效果”，现在必须用 border-collapse: collapse 才能复现。
- 用了
collapse：相邻单元格边框合并为一条线，table的border控制外框，td/th的border控制内线 - 用了
separate（默认）：table边框仅在外围，td/th边框各自渲染，且受border-spacing影响，容易出白缝 - 迁移老代码时，如果原来有
cellspacing="0"，现在必须加border-collapse: collapse，否则边框之间会空出缝隙
怎么给特定单元格单独设边框色？
直接在 td 或 th 上用 style 属性是最快的，但要注意：必须带完整边框声明，不能只写颜色。
- ✅ 可行：
<td style="border: 2px dashed #ff6b6b; padding: 8px;">异常值</td> - ✅ 支持单边：
<td style="border-bottom: 3px solid #4ecdc4;">底部强调</td> - ❌ 无效：
<td bordercolor="blue">（HTML5 已废弃） <li>❌ 无效：<code><td style="border-color: blue;">（缺 width 和 style） 真正麻烦的地方不在写法，而在“什么时候该用 <code>border-collapse: collapse，什么时候不该”。比如做可展开的树形表格、带阴影的卡片式表格，或者需要保留单元格间距的设计，separate反而是更可控的选择——这时候就不能无脑套用 collapse 模式。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
