bgcolor 属性在 HTML5 中已被废弃，无法支持响应式、深色模式等现代需求，且易被 CSS 覆盖；应使用 html, body { min-height: 100vh; margin: 0; } 配合 background-color，并通过媒体查询、CSS 变量等实现主题适配。
bgcolor 属性不能作为现代网页的默认背景色设置方案——它在 HTML5 中已被正式废弃，浏览器虽仍能解析，但无法覆盖 CSS 规则，也不支持响应式、深色模式或动画等基本需求。
为什么 bgcolor 会失效或表现异常
直接写 <body bgcolor="#fff"> 看似能出效果，但实际埋了多个隐患：
• 浏览器内置样式（如 Chrome 的 background-color: white）和 CSS 重置库（如 Normalize.css）可能覆盖它；
• 若页面用了框架（如 Bootstrap、Tailwind），其 body { background: transparent } 会直接让 bgcolor 彻底失能；
• bgcolor 不接受 RGB/RGBA、HSL、变量或媒体查询，无法适配深色模式；
• 颜色名（如 bgcolor="red"）在不同浏览器渲染不一致，十六进制值才相对可靠，但依然不可控。
用 background-color 替代时必须显式声明 html 和 body
只给 body 设 background-color 常常“没反应”，是因为：
• 默认情况下 html 元素高度不占满视口，body 又默认由内容撑高；
• 背景色只渲染在 body 实际高度范围内，留白部分显示的是 html 的背景（通常是白色或透明）；
所以必须同步设置：
html, body {
min-height: 100vh;
margin: 0;
}
body {
background-color: #f0f0f0;
}
注意：用 height: 100% 容易因父级未设高而失效，min-height: 100vh 更稳妥。
深色模式与第三方组件干扰的典型场景
即使你写了正确的 CSS，也可能被以下情况覆盖：
• 深色模式需用媒体查询主动适配，bgcolor 完全无解：@media (prefers-color-scheme: dark) { body { background-color: #1a1a1a; } }；
• 第三方 UI 库（如 Ant Design、Element Plus）常给根容器加内联 style="background: #fff"，优先级高于外部 CSS；
• 检查 computed styles 时发现生效的是 background（含图片+颜色复合值），而非单纯的 background-color，此时需用 background: #1a1a1a !important 强制，但应先定位源头；
• 使用 CSS 变量可统一管理主题：:root { --bg-page: #f9f9f9; } body { background-color: var(--bg-page); }。
bgcolor 不是放弃简单，而是避免把简单变成后续三天都调不出来的玄学问题。 
