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;
}效果图：
立即学习“前端免费学习笔记（深入）”；
商品3级分类，免注册购物，会员会刊电邮群发功能，可在后台选择商店的模板风格，可添加，修改设置网站的模板和色彩，内有8套可选方格，分别为生活用品，网上书店，服饰精品，化妆美容，成人用品网上商v3.6功能：1. 商品出售包含拍卖模式，一口价模式。2. 全套系统采用淘宝网风格，成熟，简洁大方3. 每个商品支持多张图片上传，可自由设定，满足广大网民的迫切要求4. 商品发布页采用强大的多功能在线编辑器全面支
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号
817
收藏
取消收藏
