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

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/

展开阅读全文
相关内容