码迷,mamicode.com
首页 > Web开发 > 详细

Css画线

时间:2017-08-31 19:13:29      阅读:456      评论:0      收藏:0      [点我收藏+]

标签:content   line   col   src   20px   ack   margin   text   abs   

文字左右两边的线

技术分享

.star-header{
color:#f46600;
font-size: 20px;
text-align: center;
}
.star-header span{
display: block;
position: relative;
}
.star-header span:before,.star-header span:after{
content: ‘‘;
position: absolute;
top:52%;
background: #CCCCCC;
width: 46%;
height: 1px;
}
.star-header span:before{
left: 0%;
}
.star-header span:after{
right: 0%;
}



画竖线

技术分享

.otherLine:before{
content: ‘‘;
display: inline-block;
height: 10px;
width: 1px;
background: #aaaaaa;
margin:0 10px;
}


 





Css画线

标签:content   line   col   src   20px   ack   margin   text   abs   

原文地址:http://www.cnblogs.com/kellyuc/p/7459787.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!