CSS3 background-image属性多张背景图片

2025-11-13 11:02:04

1、新建文件创建div和添加背景

2、预览效果

CSS3 background-image属性多张背景图片

3、改变图片的位置右上

CSS3 background-image属性多张背景图片

4、效果如图

CSS3 background-image属性多张背景图片

5、改变图片的位置左上

CSS3 background-image属性多张背景图片

6、效果如图

CSS3 background-image属性多张背景图片

7、改变图片的位置左下

CSS3 background-image属性多张背景图片

8、效果如图

CSS3 background-image属性多张背景图片

9、用background一段代码写出多张图片和位置

CSS3 background-image属性多张背景图片

10、效果如图

CSS3 background-image属性多张背景图片

11、附上源码

<body>

<style>

#id{

background:url(11.png) left bottom no-repeat , url(bg.jpg) left top repeat;

background-size:200px,1000px;

/* background-position: left bottom, left top;

background-repeat: no-repeat, repeat;*/

padding: 15px;

}

</style>

122

</div>

</body>

CSS3 background-image属性多张背景图片

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。