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

css3支持为网页添加多个背景图片。在css中，可以通过直接在background -i mage属性中指定多个背景路径来为网页添加多个背景图片，语法格式“background-image: url(图片地址), url(图片地址) .. .;”。

本教程操作环境：windows7系统、CSS3 && HT ML 5版、Dell G3 电 脑。

在CSS中使用多个背景图片

如果想在背景中添加一张以上的图片怎么办？CSS3 中可以直接 指定多个背景路径，如下所示：

body {
  background-image: url(https://image.flaticon .COM /icons/svg/748/748122.svg), url(https://images.unsplash测试数据/photo-1478719059408-592965723cbc?ixlib=rb-1.2.1& am  p; auto=format&f IT =crop&w=2212&q=80);
  background-position:  center , top;
  background-re PE at: repeat, no-repeat;
   background-size : cont ai n, cover;
}

效果图：

完整示例地址：https://codepen.io/duomly/pen/eY pv oJR

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

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

总结

以上是 为你收集整理的 css3支持为网页添加多个背景图片吗 全部内容，希望文章能够帮你解决 css3支持为网页添加多个背景图片吗 所遇到的问题。

如果觉得 网站内容还不错， 推荐好友。

查看更多关于css3支持为网页添加多个背景图片吗的详细内容...