用CSS画横线或竖线

可以利用display:inline-block、设置border属性以及选择设置width属性或height属性来画一条横线或竖线。

 

1. 画横线

.line{
    border:1px solid #04a0e3;
    display:inline-block;
    width:70px;
｝

<div class="line"></div>

 

2. 画竖线

 

.line{
    border:1px solid #04a0e3;
    display:inline-block;
    height:70px;
｝

 

<div class="line"></div>