【CSS】背景图套路二:单一元素设置多背景图
来源:互联网 发布:qq飞车莱瑟xa数据 编辑:程序博客网 时间:2024/05/24 06:31
文章未经同意,不得转载。
如下图需求(图片来自网络):
针对以上需求,可以让设计师帮忙把多个扑克牌合成一张图,前端只需求设置一下背景就OK 。
但是,如果设计师只提供了多个分开的扑克牌图片,怎么在同一个元素上设置多个背景图呢?套路很单纯:
.bgSection { background: url("1.png"), url("2.png"), #ffffff;}
.bgSection { background: url("line_top_e6@2x.png") repeat-x 0 top / 1px 1px, url("line_bottom_e6@2x.png") repeat-x 0 bottom / 1px 1px, #ffffff;}
附:
【CSS】背景图套路一:用border-image做背景图
Sign:路漫漫其修远兮,吾将上下而求索。
Author:致知
阅读全文
0 0
- 【CSS】背景图套路二:单一元素设置多背景图
- css设置背景图
- css设置背景图
- css背景图设置
- 【CSS】背景图套路一:用border-image做背景图
- 使用css设置背景图方法_background:url
- CSS 设置背景图只显示一部分
- z-index与css多背景图
- css背景图定位
- css实现背景图拉伸
- css背景图居中
- css body背景图全屏
- CSS背景图左右居中
- 2.CSS之背景图
- CSS背景图自适应
- CSS列表 背景图样式
- JQ设置背景图与背景图大小
- HTML&CSS——css设置背景图定位的问题
- 阿里云开启共享带宽新时代【一】:所有ECS都可以用共享带宽节省成本
- PyCharm中import matplotlib包时报错“Backend Qt5Agg is interactive backend”
- 去除pom.properties时间
- bootstrap 实现两个表格之间数据的传递
- Mybatis与Ibatis比较
- 【CSS】背景图套路二:单一元素设置多背景图
- 10.并发模式
- redis 常用
- java mkdir()和mkdirs()区别
- 喝汽水,1瓶汽水1元,2个空瓶可以换一瓶汽水,给20元,可以多少汽水。编程实现。
- solrj 等价sql查询
- 系统间通信方式之(Java之RMI初步使用详解)(八)
- LARAVEL 用户登录实例
- Linux awk的简单使用