css3支持为网页添加多个背景图片。在css中，可以通过直接在background-image属性中指定多个背景路径来为网页添加多个背景图片，语法格式“background-image: url(图片地址), url(图片地址)...;”。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
在CSS中使用多个背景图片
如果想在背景中添加一张以上的图片怎么办？CSS3 中可以直接 指定多个背景路径，如下所示：
body {
background-image: url(https://image.flaticon.com/icons/svg/748/748122.svg), url(https://images.unsplash.com/photo-1478719059408-592965723cbc?ixlib=rb-1.2.1&auto=format&fit=crop&w=2212&q=80);
background-position: center, top;
background-repeat: repeat, no-repeat;
background-size: contain, cover;
}效果图：
立即学习“前端免费学习笔记（深入）”；
安全锁锁芯类网站模板(响应式)是一个响应式优雅大气的集团企业网站模板，自带内核安装即用，响应式模板，图片文本均已可视化，简单后台易上手。支持多种内容模型，可按需添加。模板特点： 1、安装即用，自带人人站CMS内核及企业站展示功能（产品，新闻，案例展示等），并可根据需要增加表单 搜索等功能（自带模板） 2、支持响应式 3、前端banner轮播图文本均已进行可视化配置 4、伪静态页面生成 5、支持内容
0
完整示例地址：https://codepen.io/duomly/pen/eYpVoJR
（学习视频分享：css视频教程）
以上就是css3支持为网页添加多个背景图片吗的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
790
收藏
