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;

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

分享

分享海报

扫一扫 - 分享本文

打赏

微信

扫一扫 - 打赏鹏仔

收藏

请按下 Ctrl + D

即可收藏当前文章

手机看

分享到微信朋友圈

扫一扫 - 手机阅读

侵权投诉

侵权、举报、建议

↓