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