css一个div设置多个背景图片
2024-08-24 13:29:42
html:定义一个div
<div class="item__content"></div>
css:样式
.item__content {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
font-size: 40px;
box-sizing: border-box;
color: #18314F;
background-color: #051a2d;
background-image: url('../img/bg/border-line.png') ,url('../img/bg/border-line.png'),url('../img/bg/border-line.png'),url('../img/bg/border-line.png');
background-position: top left,top right,bottom left,bottom right;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
overflow: hidden;
}
样式:(四个角的发光横线)
最新文章
- IE10 IE11 中 网站无法登录问题cookie
- flex acionscript png图片去除多余空白,生成合适大小图片
- Nginx反向代理和负载均衡——个人配置
- <;context-param>;与<;init-param>;
- MongoDB学习笔记——聚合操作之聚合管道(Aggregation Pipeline)
- 开放封闭原则(OCP,Open Closed Principle)
- 小组项目beta发布的评价
- bash shell命令行选项与修传入参数处理
- mysql中的连接
- IOS中导航控制器的代理及隐藏控制器刚出现时的滚动条
- win32进程间通讯--共享内存
- 移动端(IOS)iframe监听不到 onscroll 事件
- Openstack oslo.config【一】
- [转] List of OpenFlow Software Projects
- Hdoj 1846.Brave Game 题解
- Ajax中onreadystatechange函数不执行,是因为放在open()后
- Codeforces Round #460 (Div. 2) ABCDE题解
- SpringMvc在返回数据之前进行统一处理
- VS PDB文件
- 迈科DPI和运营商合作比较多
热门文章
- Android Debuggerd 简要介绍和源码分析(转载)
- notepad++无法设置成默认打开方式
- Spark SQL概念学习系列之Spark SQL入门
- maven项目管理1
- python 关闭redis的连接
- [POI2008]CLO
- hihoOffer收割练习20题目1
- 数学 Codeforces Round #282 (Div. 2) B. Modular Equations
- Android偏好设置(2)为应用定义一个偏好设置xml
- android:process用法