项目需求,要实现一个类似于分割线的效果,拿到效果图的时候,脑海里已经有了想法:
.line{
text-align: center;
color: rgba(51, 51, 51, 0.6);
padding: 1rem 0;
}
1.采用图片/文字/图片形式实现
.line1 span{
margin:0 10px;
}
.line1 img{
width:30%;
height:1px;
vertical-align:middle;
}