css 画一条水平直线和垂直竖线

之前最初的水平横线，我们通常用的是<hr class='hori-line' />

而如果我们不用

怎么画呢？其实很简单，用div 去模拟, 给它合适的width 和 height，border即可

/*水平横线*/.hori-line {width: 50%;height: 1px;border-top: solid #C0CBE91px;}/*垂直竖线*/.vertical-line {width: 50px;height: 20%;border-right: solid #C0CBE91px;}

<div class="hori-line">水平竖线</div><p class="vertical-line">垂直横线</p><div class="hori-line">水平竖线</div>