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

之前最初的水平横线，我们通常用的是

---

而如果我们不用

---

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

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

水平竖线
垂直横线
水平竖线