最稳妥的背景色设置方式是使用style属性中的background-color,bgcolor已废弃;支持颜色名、十六进制、RGB、RGBA等格式,适用于临时调试或快速验证,但大项目应移至外部CSS。

直接用 style 属性设背景色最稳妥,bgcolor 已废弃,别再用了。
用 style 在标签里内联设背景色
这是当前唯一推荐的快速写法,兼容所有现代浏览器,且优先级高、不易被覆盖。
-
background-color是标准 CSS 属性,支持颜色名(如"red")、十六进制(如"#ff6b35")、RGB(如"rgb(255, 107, 53)")和透明度(如"rgba(0,0,0,0.2)") - 常用场景:给 、
、等块级元素临时加底色,调试布局或突出内容- 示例:
内容- 注意:不要在
标签上滥用内联样式,维护困难;大项目应抽到 CSS 文件中用
body的style设全局背景色想让整个页面背景统一变色,直接改
的style最直接,比写外部 CSS 更快验证效果。- 写法:
- 若同时要设背景图,可合并写:
style="background-color: #fff; background-image: url('bg.png');" - 注意:如果 CSS 中有
body { background: ... }且用了!important,内联样式可能被覆盖——此时需检查开发者工具的“Computed”面板确认最终生效值
别碰
bgcolor—— 它早就不合法了bgcolor是 HTML4 时代的属性,HTML5 已彻底移除,任何带bgcolor的写法(比如)都会让文档变成非标准模式,可能触发 IE 兼容模式或导致校验失败。立即学习“前端免费学习笔记(深入)”;
- 浏览器虽大多仍能渲染,但 W3C 验证器报错,自动化构建工具(如某些 CI 流程)可能拒绝部署
- VS Code、WebStorm 等编辑器会标黄警告,提示 “Attribute bgcolor is not allowed here”
- 替代方案只有两个:用
style="background-color: ...",或写外部 CSS 规则
真正容易被忽略的是透明度控制——很多人只记得
background-color,却忘了rgba()或hsla()才能安全叠加背景与文字,纯#hex或颜色名无法调 alpha。需要半透效果时,这一步绕不开。 - 示例:










