likes
comments
collection
share

css实现一个竖线

作者站长头像
站长
· 阅读数 40

前端经常会收到这样一个样式需求,需要写一个竖线或者横线。css实现一个竖线

我的实现

   .splitLine {
        width: 1px;
        height: 20px;
        background: #D1D5D9;
        margin-top: unset;
        margin-left: 18px;
        margin-right: 30px;
    }

    .splitLine:before {
        content: '';
        display: inline-block;
    }

  <div class="splitLine"></div>

如果是横线的话,直接修改width和height就行。

css不是很擅长,如果有更好的办法,希望大佬们不吝赐教