css3支持为网页添加多个背景图片吗

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;
}
    

效果图：

完整示例地址：https://codepen.io/duomly/pen/eYpvoJR

（学习视频分享：css视频教程）

以上就是css3支持为网页添加多个背景图片吗的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！