border-color 单独使用无效，因边框需 width、style、color 三要素齐全；仅设颜色无样式或宽度时浏览器不渲染；须配合 border-style（如 solid）及 border-width，或用 border 简写，并确保 table 设置 border-collapse: collapse。
border-color 属性本身不能单独让表格边框“显示出来”——它只负责颜色，不负责“有没有边框”。直接写 border-color: red 而不配 border-width 和 border-style，边框根本不会渲染。
为什么 border-color 单独写没效果？
因为 CSS 边框是三要素组合：宽度（border-width）、样式（border-style）、颜色（border-color）。缺一不可。border-color 只改颜色，但若没有 border-style: solid（或 dashed/dotted），浏览器认为“这是一条不可见的边”，直接跳过绘制。
- ❌ 错误写法：
style="border-color: #f00"→ 无边框 - ✅ 正确写法：
style="border: 1px solid #f00"或style="border-style: solid; border-width: 1px; border-color: #f00" -
border-style: none或hidden会彻底隐藏边框，哪怕颜色和宽度都设了
怎么给表格单元格（<td>）单独设不同边框色？
<p>每个 <code><td> 都可以独立加 <code>style，用 border 简写最稳。想某一边颜色不同？用方向性属性更精准。
- 统一四边：
<td style="border: 2px solid #007bff">内容</td>
- 仅左边红色、右边透明：
<td style="border-left: 2px solid red; border-right: 2px solid transparent">内容</td>
- 四边不同色（顺时针：上右下左）：
border-color: #ff6b6b #4ecdc4 #45b7d1 #96ceb4
- 别忘了加
border-collapse: collapse 到 <table> 上，否则默认是 <code>separate，单元格之间有缝隙，border-color 效果会被隔断
为什么 bordercolor="red" 在现代 HTML 中失效？
这是 HTML 4 时代的内建属性，HTML5 已明确废弃。所有主流浏览器（Chrome/Firefox/Safari/Edge）都不再解析 bordercolor、bgcolor 这类属性——它们不是标准，也不参与 CSS 渲染流程。
- ❌ 过时写法：
<td bordercolor="red">内容</td> → 完全被忽略
- ✅ 替代方案：一律走 CSS，用
style="border: ..." 或 class
- ASP.NET Web Forms 的
HtmlTableCell.BorderColor 是服务器端属性，只在 .NET 后端生成 HTML 时起作用，不是前端原生 HTML 特性
实际调试时最容易漏掉的三点
边框颜色“看不见”，90% 是这三个地方出问题：
-
border-collapse: collapse 没加在 <table> 上 → 单元格边框被默认间距撑开，颜色断续不连贯
<li>写了 <code>border-color 但没写单位（如 border-width: 1 缺 px）→ 大部分浏览器会整个忽略该声明
- CSS 优先级冲突：比如外部样式表里有
td { border: none !important }，你的内联 border-color 就被覆盖了
真正要改颜色，别只盯 border-color 这一个词——它只是拼图一角。宽度、样式、折叠模式、选择器权重，哪块没对齐，颜色就出不来。
<td style="border: 2px solid #007bff">内容</td>
<td style="border-left: 2px solid red; border-right: 2px solid transparent">内容</td>
border-color: #ff6b6b #4ecdc4 #45b7d1 #96ceb4
border-collapse: collapse 到 <table> 上，否则默认是 <code>separate，单元格之间有缝隙，border-color 效果会被隔断
为什么 bordercolor="red" 在现代 HTML 中失效？
这是 HTML 4 时代的内建属性，HTML5 已明确废弃。所有主流浏览器（Chrome/Firefox/Safari/Edge）都不再解析 bordercolor、bgcolor 这类属性——它们不是标准，也不参与 CSS 渲染流程。
- ❌ 过时写法：
<td bordercolor="red">内容</td>→ 完全被忽略 - ✅ 替代方案：一律走 CSS，用
style="border: ..."或 class - ASP.NET Web Forms 的
HtmlTableCell.BorderColor是服务器端属性，只在 .NET 后端生成 HTML 时起作用，不是前端原生 HTML 特性
实际调试时最容易漏掉的三点
边框颜色“看不见”，90% 是这三个地方出问题：
-
border-collapse: collapse没加在<table> 上 → 单元格边框被默认间距撑开，颜色断续不连贯 <li>写了 <code>border-color但没写单位（如border-width: 1缺px）→ 大部分浏览器会整个忽略该声明 - CSS 优先级冲突：比如外部样式表里有
td { border: none !important }，你的内联border-color就被覆盖了
真正要改颜色，别只盯
border-color 这一个词——它只是拼图一角。宽度、样式、折叠模式、选择器权重，哪块没对齐，颜色就出不来。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
