bgcolor 属性在现代 html 中已废弃，w3c 明确移除，浏览器仅保留兼容性残留；应改用 css background-color，并注意父容器高度、层叠优先级及框架默认样式影响。
bgcolor 属性在现代 HTML 中**没有实际用途**，浏览器可能解析它但不保证生效，W3C 已明确废弃，任何新项目都不该用。
为什么 bgcolor 不能用了
它最早出现在 HTML 4.01，用于给 、<table>、<code><tr>、<code><td> 等标签直接设背景色。但问题太多：
<ul>
<li>无法表达透明度（比如半透灰）、渐变、图片等现代背景需求</li>
<li>样式与结构混在一起，违反 HTML 语义分离原则</li>
<li>在 HTML5 文档类型下，<code>bgcolor 被完全移除，严格模式下会被忽略
background-color 替代 bgcolor 的实操要点
所有原本写 bgcolor="#333" 的地方，现在必须改用 CSS 的 background-color，但要注意几个关键细节：
- 直接写内联样式：
<tr style="background-color: #333;"> —— 快速调试可用，但别堆满页面 <li>统一控制整页背景，优先写在 <code><style></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（末尾零不影响，但格式必须合法） -
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防闪烁
容易被忽略的兼容性坑
你以为换掉 bgcolor 就万事大吉？这些点常导致背景“突然消失”或“只显示一半”：
真正麻烦的不是“怎么设背景色”，而是“为什么设了却看不见”——绝大多数情况，问题出在父容器高度、CSS 层叠优先级或框架默认样式上，而不是颜色值本身。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
