Css畫線

標籤：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畫線