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

Css画线

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