2024年04月10日 懒猪 前端开发 前端博客 个人博客 网站制作 鹏仔先生 百变鹏仔 HTML CSS javascript JS 共享博客
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;
每个逗号和每个逗号的相对应,相信用过背景图属性的,看一眼就会了吧!!!
本文链接:http://so.lmcjl.com/news/1661/