td标签的bgcolor属性已废弃，应使用css background-color替代；现代浏览器不支持bgcolor，需通过style属性或class统一控制背景色，避免内联样式冗余及兼容性问题。

TD 标签的 bgcolor 属性已废弃，别再用了

HTML5 中 bgcolor 属性在 <td> 上完全无效，浏览器可能忽略或触发兼容模式警告。W3C 早在 HTML4 末期就标记它为“过时”，现在所有现代浏览器（Chrome/Firefox/Safari/Edge）都不保证支持。硬写 <code><td bgcolor="red"> 看似生效，实则是浏览器降级兜底行为，不可靠。 <h3>用 CSS 的 <code>background-color 替代 bgcolor

这是唯一标准、稳定、可维护的做法。直接在 <td> 上加 <code>style 属性，或通过 class 统一控制：

<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 <h3>表格中批量设置背景色的常见陷阱</h3> <p>用 <code>tr 或 tbody 设置背景色时，<td> 自身的 <code>background-color 会覆盖父级——这不是 bug，是 CSS 层叠规则：
  • 如果给 <tr class="odd"> 设了背景色，但某个 <code><td> 单独写了 <code>style="background-color: yellow;"，那这个单元格一定显示黄色
  • 想让整行高亮且允许个别单元格“穿透”（比如保留白色），得用透明色：background-color: transparent;
  • IE8 及更早版本不支持 rgba() 作背景色，若需半透效果，得额外处理或放弃兼容

  动态设置 TD 背景色（JS 场景）

  用 JavaScript 修改时，操作的是 DOM 元素的 style.backgroundColor 属性，不是字符串 "bgcolor"：

  
  anything-to-html
  将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
  下载

  const cell = document.querySelector('td:nth-child(2)');
  cell.style.backgroundColor = '#4CAF50'; // ✅ 正确
  // cell.bgcolor = '#4CAF50'; // ❌ 无效，该属性只读且无作用

  • 批量操作建议用 class 切换：cell.classList.add('success-bg')，比反复设 style 更高效
  • 若背景色来自后端数据（如状态码映射），务必对输入做校验，防止注入非法 CSS 值
  • 注意重绘性能：频繁修改大量 <td> 的背景色，建议用 <code>documentFragment 批量更新或 CSS 变量控制 实际项目里最容易被忽略的，是把 bgcolor 当成“能用就行”的快捷方式，结果在移动端 WebView 或新版本浏览器里突然失效；还有人用 JS 动态改 bgcolor 属性，代码跑不通却花半天查 DOM 结构——它根本不在元素属性列表里。