bgcolor 属性在现代 HTML 中已废弃，W3C 明确移除，浏览器仅保留兼容性残留；应改用 CSS background-color，并注意父容器高度、层叠优先级及框架默认样式影响。
bgcolor 属性在现代 HTML 中**没有实际用途**，浏览器可能解析它但不保证生效，W3C 已明确废弃，任何新项目都不该用。
为什么 bgcolor 不能用了
它最早出现在 HTML 4.01，用于给 <body>、<table>、<tr>、<td> 等标签直接设背景色。但问题太多：
- 无法表达透明度（比如半透灰）、渐变、图片等现代背景需求
- 样式与结构混在一起，违反 HTML 语义分离原则
- 在 HTML5 文档类型下，
bgcolor被完全移除，严格模式下会被忽略 - Chrome/Firefox/Edge 新版本对它的支持只是“兼容性残留”，不是设计意图
background-color 替代 bgcolor 的实操要点
所有原本写 bgcolor="#333" 的地方，现在必须改用 CSS 的 background-color，但要注意几个关键细节：
- 直接写内联样式：
<tr style="background-color: #333;">—— 快速调试可用，但别堆满页面 - 统一控制整页背景，优先写在
<style>块里：body { background-color: #f8f9fa; margin: 0; padding: 0; } - 如果背景没铺满视口，大概率是
html或body缺少min-height: 100vh，尤其内容少时 - 用
rgba(51, 51, 51, 0.9)时，第四个参数必须是 0–1 的小数，不能写成90%或0.90（末尾零不影响，但格式必须合法）
容易被忽略的兼容性坑
你以为换掉 bgcolor 就万事大吉？这些点常导致背景“突然消失”或“只显示一半”：
立即学习“前端免费学习笔记（深入）”；
-
background简写会清空所有背景相关属性：写了background: #fff;后再加background-image: url(x.png);，颜色就没了 - 某些 CSS 框架（如 Bootstrap 5）默认把
body设为background: transparent，覆盖了你写的background-color -
body没内容、没高度，又没设min-height，背景色只会显示在文字区域，下面一大片白 - 移动端 Safari 对
background-color在position: fixed元素上的渲染有细微差异，建议加backface-visibility: hidden防闪烁
真正麻烦的不是“怎么设背景色”，而是“为什么设了却看不见”——绝大多数情况，问题出在父容器高度、CSS 层叠优先级或框架默认样式上，而不是颜色值本身。
