文字左右两边的线
.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画线
原文地址：http://www.cnblogs.com/kellyuc/p/7459787.html