bordercolor 属性在现代浏览器中已失效，仅旧版 ie 在特定条件下支持；应使用 css border 简写或完整三要素（width/style/color）控制边框颜色，且需注意 border-collapse 下单元格边框的独立设置。

直接用 BORDERCOLOR 属性会失效，除非满足两个前提

现代浏览器（Chrome/Firefox/Safari/Edge）默认忽略 BORDERCOLOR 这类 HTML 4.01 的废弃属性，哪怕你写成 <table bordercolor="#ff0000">。它只在极老的 IE5–6（且文档模式为 Quirks 或 IE5 DOCTYPE）下才可能生效。当前所有标准文档类型（<code>）都会静默丢弃该属性。 <p>真正起作用的前提是：<strong>必须同时设置 <code>BORDER 属性（比如 BORDER="1"），且页面未启用 CSS 重置或全局边框覆盖。但即便如此，颜色表现也不稳定——IE 可能渲染为边框色，而其他浏览器仍显示默认灰边或无边框。

• BORDERCOLOR 是 HTML 表格的内联属性，不是 CSS，不支持 RGB、HSL 或变量
• 它只能作用于 <table>、<code><td>、<code><th>，不能用于 <code><tr><li>若父级 <code><table> 设了 <code>BORDERCOLOR，子级 <td> 单独设会覆盖（仅在旧 IE 中有效） <h3> <code>border-color 配合 border-style 才能真正生效

  CSS 的 border-color 不是“独立开关”，它依赖 border-style 存在。没有显式声明 border-style（如 solid、dashed），哪怕写了 border-color: red，边框也完全不可见。

  最简可靠写法是用 border 简写：

  内容

  如果只想控制颜色，保留原有宽度/样式，需补全三要素：

  • border-width（否则默认为 medium，约 3px，可能和预期不符）
  • border-style（必须，不能省略）
  • border-color（你要的颜色）

  例如：style="border-width: 1px; border-style: solid; border-color: #e0e0e0;"

  表格边框合并时，border-color 的实际作用对象是单元格

  当使用 border-collapse: collapse（推荐做法），表格边框由 <th> 和 <code><td> 的边框共同构成，<code><table> 自身的 <code>border 仅作为外框。此时改 <table> 的 <code>border-color 只影响外边框，内部线条颜色得单独设在 th, td 上。

  常见错误：只给 table 加颜色，结果内部格线还是浏览器默认色（通常是浅灰）。

  正确做法：

  

  Doc To HTML

  使用 MinerU 文档处理引擎将 Word 文档（.doc、.docx）转换为保留结构和格式的干净 HTML。

  下载

  table {
    border-collapse: collapse;
    border: 1px solid #336699;
  }
  th, td {
    border: 1px solid #336699;
    padding: 8px;
  }

  注意：这里 th 和 td 的 border 值必须和 table 一致，否则合并后可能出现双线或断线。

  ASP.NET Web Forms 中的 BorderColor 属性本质是服务端生成 style

  像 HtmlTable.BorderColor 或 HtmlTableCell.BorderColor 这类 .NET Server Control 属性，不是直接输出 BORDERCOLOR，而是后台自动转为内联 style="border-color: ..." 并确保带上 border-style。所以它“能用”，是因为框架帮你补全了 CSS 必要条件。

  但如果你手动在 .aspx 里写：

  <table id="t1" runat="server" bordercolor="#ff0000"></table>

  生成的 HTML 实际是：

  也就是说，它的可靠性来自服务端封装，而非原生 HTML 属性。脱离 ASP.NET 环境，这个属性就不存在。

  容易被忽略的一点：这些 Server Control 默认生成的 border-width 是 1px，如果你在 CSS 中全局设置了 table { border-width: 0; }，就会把服务端生成的边框也干掉——优先级比内联 style 低，但确实会发生。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！