css 绘制三条横线 |css3 商品排序

css桌面布局，div css 快速开发，按钮长宽高css，html为什么还要css，css中文本样式怎么设置，css块标签默认排列方式，css3 商品排序 css 绘制三条横线 |css3 商品排序

.line{
border-bottom: 1px solid black;
}

如果需要绘制多条横线，可以使用伪元素 ::before 或 ::after 实现。比如，以下代码可以绘制三条横线：

.line{
position: relative;
}
.line::before{
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
background-color: black;
transform: translateY(-50%);
}
.line::after{
content: "";
position: absolute;
top: 25%;
left: 0;
width: 100%;
height: 1px;
background-color: black;
}

使用上述代码，可以绘制一条在中心位置的粗线和两条在上下位置的细线。