css3 background属性如何设置多张背景图

Why???

什么?可以设置多张背景图...

刚看到我是懵逼的,于是我查了下,css3确实可以设置多张背景图,方法分享给大家。


下面,css3实现一个盒子设置多张背景图

语法:

background: url("图片路径") 100px 100px no-repeat,url("图片路径") 100px 100px no-repeat, url("图片路径") 100px 100px no-repeat;


其实没多大稀奇,也就是使用多个url引入背景图,每个与每个之间用 逗号 隔开(英文状态下的 逗号 哦!)


当然,还可以分开写,具体用法其实和设置一张是一样的,如下:

background-image: url("图片路径"),url("图片路径"),url("图片路径");
background-position: 100px 100px, 100px 100px, 100px 100px;
background-repeat: no-repeat, no-repeat, no-repeat;


每个逗号和每个逗号的相对应,相信用过背景图属性的,看一眼就会了吧!!!

本文链接:https://my.lmcjl.com/post/20926.html

展开阅读全文

4 评论

留下您的评论.