bgcolor属性在HTML5中已被正式废弃，现代项目禁用；它违背结构与样式分离原则，且常被CSS background-color静默覆盖，可靠方案是同时设置html{min-height:100vh}和body{margin:0;background-color:#f9f9f9}。
body 标签的 bgcolor 属性确实能设背景色，但它在 HTML5 中已**被正式废弃**，现代项目中不应再用。
为什么 bgcolor 不该再用了
浏览器虽仍兼容它（比如 <body bgcolor="#f0f0f0"> 会生效），但 W3C 已移除该属性定义；它混入 HTML 结构，违背“结构与样式分离”原则；CSS 规则（如 background-color）优先级更高，bgcolor 很可能被静默覆盖——你改了却没反应，就是这个原因。
background-color 必须作用于 body 和 html 两个元素
只写 body { background-color: #fff; } 常常不生效，尤其页面内容少时：因为 body 默认高度由内容撑开，没内容就只有几像素高，背景色只显一条细线。真正起效要同时设置：
-
html { min-height: 100vh; }—— 确保根容器至少占满视口 -
body { margin: 0; background-color: #f9f9f9; }—— 清除默认外边距，显式设色
漏掉 html 这一层，body 的背景永远填不满全屏。
遇到背景“看起来没变”先查这三件事
常见假性失效不是代码写错，而是被其他规则干扰：
- 检查是否引入了 CSS 框架（如 Bootstrap），它们常带
body { background: transparent; }—— 直接覆盖你的颜色 - 确认没误用
rgba()或hsla()，比如background-color: rgba(0,0,0,0.05)看似设了黑灰，实为极淡半透，底下滚动条或深色系统 UI 会透上来 - 查看 DevTools 的 Computed 面板，直接看最终生效的
background-color值，别只盯 Styles 面板里你写的那条
真正需要全局背景色时，bgcolor 是历史遗迹，background-color 才是唯一可靠路径；而它的可靠性，取决于你是否同时控制了 html 和 body 的尺寸与层级关系。
