html背景色应使用style属性的background-color设置，废弃的bgcolor属性不可靠；推荐在head中用style标签统一设置body背景色并重置margin和padding。
html 背景颜色直接用 style 里的 background-color 设置，不是靠 bgcolor 属性，那个早被废弃了。
用 style 写内联样式最稳妥
现代 HTML 不再支持 body 或 table 上的 bgcolor 属性，浏览器可能忽略它。唯一可靠的方式是通过 style 属性写 CSS：
<body style="background-color: #f0f0f0;">
- 支持所有颜色写法：
#fff、#ffffff、rgb(255,255,255)、hsl(0,0%,100%)、white - 注意：颜色值里有空格（如
rgb(255, 255, 255)）必须加引号，否则解析会出错 - 如果背景要覆盖整个视口，记得重置
margin和padding，否则可能看到白边
全局背景色推荐用 <style></style> 块，别堆 style 属性
给每个标签加 style 很难维护，尤其想统一整页背景时。直接在 里写 CSS 更干净：
<style>
body {
background-color: #eef;
margin: 0;
padding: 0;
}
</style>
-
body是默认承载内容的容器，设它的background-color就够了 - 如果页面有浮动元素或绝对定位内容，背景可能“塌陷”，这时加
min-height: 100vh更保险 - 避免用
html标签设背景——某些浏览器下滚动条区域不会继承，导致底部露白
遇到背景不显示？先查这三件事
常见现象是写了 background-color 却看不到效果，大概率是以下原因：
- 父容器没高度：比如
body里只有浮动子元素，body高度为 0，背景自然不可见 - CSS 优先级被覆盖：检查是否被外部样式表或更具体的规则（如
body.my-theme）干掉了 - 拼写错误：写成
background-colour（英式拼写）或backgroud-color（少个 r），浏览器直接忽略 - 透明度陷阱：用了
rgba(0,0,0,0)或hsla(...,0)，看起来像没设，其实是全透明
背景颜色这事本身简单，但容易卡在“写了却看不见”上。真正麻烦的不是怎么写，而是谁把它的高度吃掉了、谁把它覆盖掉了、或者谁手滑敲错了字母。
立即学习“前端免费学习笔记（深入）”；
