css实现一个竖线

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

我的实现

.splitLine { width: 1px; height: 20px; background: #D1D5D9; margin-top: unset; margin-left: 18px; margin-right: 30px; }.splitLine:before { content: ''; display: inline-block; }

如果是横线的话,直接修改width和height就行。
【css实现一个竖线】css不是很擅长,如果有更好的办法,希望大佬们不吝赐教

    推荐阅读