前端经常会收到这样一个样式需求,需要写一个竖线或者横线。
文章图片
我的实现
.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不是很擅长,如果有更好的办法,希望大佬们不吝赐教
推荐阅读
- 通过10个好玩的游戏来学习 CSS
- 前端基础(CSS伪类的作用和基本使用)
- 过渡
- 一些这段时间遇到的问题和要注意的问题总结
- 让div垂直水平居中的方法
- 2D
- css中div的三种条件的居中实现
- TailwindCSS v3.0 正式发布!一大波新特性来袭!