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

/*水平横线*/
.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>
                    之前最初的水平横线，我们通常用的是&lt;hr class='hori-line' /&gt;而如果我们不用 怎么画呢？其实很简单，用div 去模拟, 给它合适的width 和 height，border即可        /*水平横线*/        .hori-line {            width: 50%;            height: 1px;            border-top: solid #C0CBE91px;        }         /