在css中，可以使用“background-color”属性设置页面背景色，语法“background-color:颜色值”。background-color属性设置元素的背景颜色，元素背景是元素的总大小，包括填充和边界（但不包括边距）。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
设置页面的背景色
CSS通过设置body标记的background-color属性来实现，背景色主要突出页面的主题，跟前景的文字颜色相配合。具体的设定方法和文字颜色值的设定一样，可以采用十六进制、RGB各分量，或者颜色的英文单词等。
背景颜色
@@##@@
春
季，地球的北半球开始倾向太阳，收到越来越多的太阳光直射，因而气温开始升高。随着冰雪消融，河流水位上涨。春季植物开始发芽生长，许多鲜花开放。冬眠的动物苏醒，许多以卵过冬的动物孵化，鸟类开始迁移，离开越冬地向繁衍地进发。许多动物在这段时间里发情，因此中国也将春季称为“万物复苏”的季节。春季气温和生物界的变化对人的心理和生理也有影响。
对农民来说，春季是播种许多农作物的季节。在春季，地球的北半球开始倾向太阳，收到越来越多的太阳光直射，因而气温开始升高。随着冰雪消融，河流水位上涨。春季植物开始发芽生长，许多鲜花开放。冬眠的动物苏醒，许多以卵过冬的动物孵化，鸟类开始迁移，离开越冬地向繁衍地进发。许多动物在这段时间里发情，因此中国也将春季称为“万物复苏”的季节。春季气温和生物界的变化对人的心理和生理也有影响。
立即学习“前端免费学习笔记（深入）”；
代码如上，可以看到背景颜色为深绿色，文字的颜色为亮绿色，再加上图片以及文字内容本身，将春天万物复苏显示了出来。
亿景企业网站管理系统是面向中小企业的网站管理系统，网页精美、大气。具有稳性定强，功能多、安全、代码加载速度快、网站内容管理的易操作性、维护方便等优点。采用div+css构架，是中小型企业建站的理想选择。亿景企业网站管理系统后台功能概述：一、 基本设置1、 系统设置：设置网站的基本信息，如网页标题、联系方式、QQ、邮箱、关键字、搜索描述等操作。2、 账户管理：管理员管理。3、 幻灯管理：设置网站的幻
用背景色给页面分块
Background-color属性不仅可以设置页面的背景颜色，几乎所有的HTML元素的背景色都可以通过它来设定。因此，很多网页都通过设定不同的背景色来实现分块的效果。
利用背景颜色分块
@@##@@
首页
分类讨论
谈天说地
精华区
我的信箱
休闲娱乐
立即注册
离开本站
正文内容……
代码如上，顶端的Banner、左侧的导航条和中间的正文部分分别运用了3中不同的背景颜色，实现了页面分块的目的，这种分块的方法在网页制作中经常使用。
这里，顶端的Banner图片可以是一副，从左到右颜色渐变的图片，颜色由本身的图片过渡到页面的背景颜色，就会显示十分自然，这种效果在Photoshop中很容易实现，也是网页制作的常用方法。
推荐学习：css视频教程
![CSS如何设置页面背景色]()
![CSS如何设置页面背景色]()
相关文章
css 网格与弹性布局对比_如何选择适合的布局方法
css 表单只读状态如何区分样式_使用 read only 伪类设置样式
css 常用缩写属性有哪些_减少代码量技巧总结
css 想让网格容器自适应子元素数量怎么办_auto-fill auto-fit 配合 repeat
css 想让卡片组件在悬停时保持布局不变怎么办_利用 css flex 或 grid 固定尺寸
相关标签:
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
更多
相关专题
更多
C++ 单元测试与代码质量保障
本专题系统讲解 C++ 在单元测试与代码质量保障方面的实战方法，包括测试驱动开发理念、Google Test/Google Mock 的使用、测试用例设计、边界条件验证、持续集成中的自动化测试流程，以及常见代码质量问题的发现与修复。通过工程化示例，帮助开发者建立 可测试、可维护、高质量的 C++ 项目体系。
10
2026.01.16
热门下载
更多
相关下载
更多
精品课程
更多
相关推荐 /
热门推荐 /
最新课程
最新文章
更多
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
