首页 > Web开发 > 详细

CSS

时间:2019-09-06 16:45:29      阅读:92      评论:0      收藏:0      [点我收藏+]

1.文字两边两条横线

技术分享图片
 1  <div className="order">
 2                 <span className="line" ></span>&nbsp;
 3                 <span className="txt" style={{color:"#262626"}}>家具现货</span>
 4                 <span className="txt" style={{color:"#b15e32"}}>五折优惠</span>&nbsp;
 5                 <span className="line"></span>
 6             </div>
 7 
 8 .order {
 9     margin: 0.33rem;
10     height: 60px;
11     line-height: 60px;
12     text-align: center;
13     font-size: 0.26rem;
14     font-family: "MicrosoftYaHei-Bold";
15     font-weight: bold;
16  }
17   .order .line {
18     display: inline-block;
19     width: 0.69rem;
20     border-top: 1px solid #5c5c5c ;
21  }
22  .order .txt {
23     color: #686868;
24    vertical-align: -8%;
25  
26  }
View Code

 

CSS

原文:https://www.cnblogs.com/bgd150809324/p/11474778.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!