bgcolor 属性在 HTML5 中已被废弃，浏览器会忽略它，必须改用 CSS 的 background-color 替代，推荐通过 class 外部定义以提升可维护性。
bgcolor 属性在现代 HTML 中已废弃，直接使用它不会生效，或仅在极少数旧版浏览器中偶然起作用。
为什么 bgcolor 不再可用
HTML5 彻底移除了 bgcolor（包括在 <table>、<tr>、<td> 等标签上的用法），W3C 明确要求用 CSS 替代。浏览器如 Chrome、Firefox、Edge 会忽略该属性，控制台可能报 warning，但页面不报错，容易误以为“还能用”。
- 它属于表现层逻辑，违背 HTML 语义化与样式分离原则
- 无法继承、无法响应式控制、无法配合 :hover/:focus 等伪类
- IE8 及更早版本才真正支持，当前主流环境基本无兼容价值
替代方案：用 style 内联写 background-color
最接近原 bgcolor 快速写法的迁移方式，只需把属性名换掉、值保持不变：
<td style="background-color: #ffcc00">黄色单元格</td>
常见等效替换对照：
立即学习“前端免费学习笔记（深入）”；
-
bgcolor="red"→style="background-color: red"（支持颜色关键字） -
bgcolor="#336699"→style="background-color: #336699" -
bgcolor="rgb(200, 50, 100)"→style="background-color: rgb(200, 50, 100)"
注意：background-color 支持透明（transparent），而旧 bgcolor 不支持；若设为 none 会出错，必须用 transparent。
更推荐的做法：用 class + 外部 CSS 控制表格背景
批量修改、主题切换、维护性都远优于内联 style。例如：
<table class="data-table"> <tr class="header-row"><td>标题</td></tr> <tr class="odd"><td>数据行</td></tr> </table>
对应 CSS：
.data-table { border-collapse: collapse; }
.header-row { background-color: #2c3e50; color: white; }
.odd { background-color: #f8f9fa; }
.even { background-color: #e9ecef; }
这样改一个 class 就能统一整行/整表样式，也方便后续加动画或媒体查询适配暗色模式。
容易踩的坑：透明色、继承与层叠顺序
直接写 background-color 时，这几个点常被忽略：
-
background-color: transparent是合法值，但background-color: none无效 - 父级
<table>设了背景色，子级<td>没设，则子级默认是transparent，会透出父级色 —— 这和旧bgcolor的“覆盖行为”不同 - 如果同时写了
style="background-color: ..."和 class 里定义了background-color，内联样式优先级更高，会覆盖 class - 用
!important强行覆盖很危险，尤其在组件化项目中，容易引发样式冲突
真要快速调试，用内联 style 没问题；但只要涉及两处以上相同样式，就该提成 class —— 这不是“最佳实践说教”，而是改三次颜色后你自然会删掉所有重复的 style 字符串。
