bgcolor属性在html5中已被彻底移除，不可靠且不推荐使用；应改用css的background-color，支持透明度、伪类、媒体查询及动态效果，确保语义分离与可维护性。
bgcolor 属性不能用了，它在 HTML5 中已被彻底移除，浏览器虽可能仍“容忍”但不保证渲染一致，尤其在严格模式或现代框架中会直接失效。
为什么 bgcolor 在 <tr> 上不再可靠
<p>HTML4 时代 <code><tr bgcolor="#f00"> 确实能生效，但这是表现层侵入结构层的典型反模式。W3C 在 HTML5 规范中明确废弃所有 <code>bgcolor、bordercolor 类属性——它们既无法继承、不支持透明度（如 rgba()）、也不能配合伪类（如 :hover）或媒体查询动态响应。
- Chrome/Firefox 新版本对
bgcolor 的解析已逐步降级，部分情况下会被 CSS background-color 覆盖且无警告
- 使用
bgcolor 会导致 HTML 校验失败（如 W3C Validator 报错 Attribute bgcolor not allowed on element tr）
- 若表格套用 CSS 框架（如 Bootstrap），
bgcolor 极大概率被重置样式覆盖，调试时找不到原因
用 style="background-color" 替换 bgcolor 的实操要点
bgcolor 的解析已逐步降级，部分情况下会被 CSS background-color 覆盖且无警告bgcolor 会导致 HTML 校验失败（如 W3C Validator 报错 Attribute bgcolor not allowed on element tr）bgcolor 极大概率被重置样式覆盖，调试时找不到原因style="background-color" 替换 bgcolor 的实操要点直接替换不是简单改标签名，要注意作用域和层叠关系：
<tr bgcolor="#eee"> → 改为 <code><tr style="background-color: #eee;">，但需确认父级 <code><table> 没有设置 <code>background-color否则可能遮挡- 单元格（
<td>/<code><th>）上设了 <code>background-color会覆盖行级样式，这是正常层叠行为，不是 bug - 颜色值优先用十六进制（如
#333）或rgb()，避免英文名（如lightblue）因浏览器渲染差异导致色差 - 若需透明背景，必须用
rgba(0,0,0,0.1)，bgcolor完全不支持 alpha 通道 - 隔行变色：
tr:nth-child(even) { background-color: #f9f9f9; } - 鼠标悬停：
tr:hover { background-color: #eef7ff !important; }（加!important是为压过内联style） - 状态标记：给
<tr class="status-error"> 配 CSS 类，比硬编码颜色更易维护 <li>注意：<code>nth-child从<tr> 元素本身计数，不受 <code><thead>/<code><tbody> 包裹影响 <p>真正麻烦的不是写法替换，而是旧项目里混用 <code>bgcolor和 CSS 的情况——这时候行背景可能被多个来源覆盖，得用浏览器开发者工具逐层检查 computed styles 才能定位源头。
隔行变色等动态效果必须用 CSS 选择器
想实现斑马纹、悬停高亮这类交互效果，bgcolor 完全无解，只能靠 CSS：
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
