最稳妥方式是用 CSS 的 background-color 设置 body 背景色；需写在 块或外部 CSS 中，配合 margin: 0 和 color 确保显示正常，避免使用已废弃的 bgcolor 或不安全的 background 简写。
直接用 background-color 设置 body 背景色最稳妥
HTML5 静态页改背景色，首选方式不是改 标签的 bgcolor 属性（它在 HTML5 中已废弃），而是用 CSS 的 background-color。这个属性支持所有现代浏览器，兼容性好，写法明确。
- 必须写在
块里或外部 CSS 文件中，不能作为的 HTML 属性使用 - 颜色值可用英文名（如
red）、十六进制（如#f0f0f0）、RGB（如rgb(240, 240, 240)）或 RGBA（带透明度） - 如果只设
background-color，不会影响文字、图片等元素的显示，是最干净的背景控制方式
为什么不要用 bgcolor 或 background 属性
bgcolor 是 HTML4 时代的内联属性，在 HTML5 中完全无效；而 background（不带 -color）是过时的 CSS 属性，它实际对应的是 background-image，设成纯色会触发异常行为（比如被当成无效 URL 处理）。
- 浏览器可能忽略
bgcolor="blue"，页面仍显示默认白底 -
body { background: #333; }看似能用，但属于简写语法，会重置background-image、background-repeat等所有子属性，容易引发意外覆盖 - 用
background-color可确保只改颜色，不影响其他背景相关设置
在
对单页静态 HTML 来说，不需要引入外部文件，直接在 中写内联样式即可生效，无需额外加载。
- 注意：必须写
body选择器，而不是只写html—— 后者只影响根元素区域，滚动后可能露出白色 - 若想整个视口都填满颜色，可加
margin: 0;防止默认边距导致背景“露白” - 避免写成
body { background: #eef2f7 !important; }——!important在静态页里几乎没必要，反而增加调试难度
深色背景配文字时务必检查可读性
改完背景色后，如果文字看不清，大概率是没同步调整 color。HTML 默认文字是黑色（color: black），遇上深色背景就会隐形。
立即学习“前端免费学习笔记（深入）”；
- 常见错误：只改了
background-color，忘了设color，结果页面一片黑或一片灰，以为“没生效” - 推荐组合写法：
body { background-color: #1a1a2e; color: #e6e6e6; margin: 0; } - 移动端尤其要注意：有些深色背景在 OLED 屏上对比度过高，造成视觉疲劳，建议用略带灰度的深蓝/深紫替代纯黑
background-color，但漏掉 margin: 0 或配错文字色，就会让这行代码看起来“失灵”。静态页没有框架兜底，每个 CSS 属性都得亲手对齐。 
