bgcolor属性在现代HTML开发中不能用——它已被HTML5彻底移除，W3C明确弃用，仅靠浏览器兼容性偶然渲染，不保证一致生效，必须用CSS的background-color替代。
bgcolor 属性不能用在现代 HTML 开发中——它在 HTML5 中已完全无效，W3C 明确弃用，验证器会报错，XHTML 或 strict doctype 下直接被忽略。
为什么 bgcolor 看起来还能“生效”？
部分浏览器仍做兼容性渲染，但这是历史遗留行为，不是标准支持。它不保证跨浏览器一致，尤其在启用了 CSS 重置（如 normalize.css）或使用 Shadow DOM、Web Components 的场景下，bgcolor 值可能被静默丢弃。
-
bgcolor是纯表现层属性，混入 HTML 结构，违背关注点分离原则 - 无法设置透明度、渐变、背景图等任何现代样式能力
- 无法通过 JavaScript 动态读取或修改（
td.bgcolor返回空字符串或undefined） - SEO 和可访问性工具可能忽略或误判含
bgcolor的标记
background-color 内联写法怎么写才可靠？
直接在 <td> 上用 style="background-color: ..." 是最轻量、兼容性最好的方案，但要注意细节：
- 颜色值优先用十六进制（如
#ffeb3b）或命名色（如lightcoral），避免老 IE 对rgb(255, 99, 71)解析异常 - 需要透明度时用
rgba(0, 0, 0, 0.1)，但 IE8 及更早版本不支持，若需兼容则改用半透明白色 PNG 作为 background-image - 别写成
background: #fff—— 它会清空background-image、background-repeat等所有背景子属性 - 务必同时设
padding，否则文字紧贴边框，视觉上像没生效
示例：<td style="background-color: #e3f2fd; padding: 6px 12px;">数据</td>
立即学习“前端免费学习笔记（深入）”；
批量控制单元格背景色时，class 比 style 更靠谱
当多个 <td> 需要统一逻辑（比如“金额列高亮”“错误状态标红”），硬编码 style 会导致后期颜色调整时满页搜索替换。
- 类名必须语义化，例如
class="status-error"而不是class="bg-red"—— 后者颜色变更后名实不符 - CSS 中定义
.status-error { background-color: #ffebee; }，后续只需改一处 CSS - JS 动态切换时用
cell.classList.add("status-error")，比cell.style.backgroundColor = "..."更易维护、更少出错 - 避免在 class 规则里加
!important，否则 JS 用style.backgroundColor覆盖会失效
真正容易被忽略的点是：父级 <tr> 或 <table> 设了 background-color，而子 <td> 没显式声明，就会继承或层叠出意料之外的颜色——调试时先看开发者工具的「Computed」面板，确认最终生效的是哪条规则。
