TD标签的bgcolor属性已废弃，应使用CSS background-color替代；现代浏览器不支持bgcolor，需通过style属性或class统一控制背景色，避免内联样式冗余及兼容性问题。
TD 标签的 bgcolor 属性已废弃，别再用了
HTML5 中 bgcolor 属性在 <td> 上完全无效，浏览器可能忽略或触发兼容模式警告。W3C 早在 HTML4 末期就标记它为“过时”，现在所有现代浏览器（Chrome/Firefox/Safari/Edge）都不保证支持。硬写 <td bgcolor="red"> 看似生效，实则是浏览器降级兜底行为，不可靠。
用 CSS 的 background-color 替代 bgcolor
这是唯一标准、稳定、可维护的做法。直接在 <td> 上加 style 属性，或通过 class 统一控制：
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
<td style="background-color: #ff6b35;">高亮数据</td> <td class="warning-cell">需审核</td>
对应 CSS 可写：
.warning-cell { background-color: #fff3cd; }
- 颜色值支持
#rrggbb、rgb(255, 107, 53)、命名色（如lightblue） - 若单元格含图片或渐变背景，
background-color会作为底层底色，不影响上层内容 - 避免在每个
<td>写内联样式，大量重复时优先用 class + 外部 CSS
表格中批量设置背景色的常见陷阱
用 tr 或 tbody 设置背景色时，<td> 自身的 background-color 会覆盖父级——这不是 bug，是 CSS 层叠规则：
- 如果给
<tr class="odd">设了背景色，但某个<td>单独写了style="background-color: yellow;"，那这个单元格一定显示黄色 - 想让整行高亮且允许个别单元格“穿透”（比如保留白色），得用透明色：
background-color: transparent; - IE8 及更早版本不支持
rgba()作背景色，若需半透效果，得额外处理或放弃兼容
动态设置 TD 背景色（JS 场景）
用 JavaScript 修改时，操作的是 DOM 元素的 style.backgroundColor 属性，不是字符串 "bgcolor"：
const cell = document.querySelector('td:nth-child(2)');
cell.style.backgroundColor = '#4CAF50'; // ✅ 正确
// cell.bgcolor = '#4CAF50'; // ❌ 无效，该属性只读且无作用
- 批量操作建议用 class 切换：
cell.classList.add('success-bg')，比反复设style更高效 - 若背景色来自后端数据（如状态码映射），务必对输入做校验，防止注入非法 CSS 值
- 注意重绘性能：频繁修改大量
<td>的背景色，建议用documentFragment批量更新或 CSS 变量控制
bgcolor 当成“能用就行”的快捷方式，结果在移动端 WebView 或新版本浏览器里突然失效；还有人用 JS 动态改 bgcolor 属性，代码跑不通却花半天查 DOM 结构——它根本不在元素属性列表里。 
