画线 css,Css画线

文字左右两边的线

.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;

}

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