css 下面竖线 |css3渐变三种色

/* 第一种方式：使用border属性 */
.divider {
border-left: 2px solid black;
}
/* 第二种方式：使用伪元素 */
.divider::after {
content: "";
display: block;
height: 100%;
width: 2px;
background-color: black;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
/* 第三种方式：使用背景图 */
.divider {
background-image: url("divider.png");
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}

以上三种方式都可以实现CSS下面的竖线，但是具体的实现方式却各不相同。第一种方式使用了border属性，它可以设置边框的样式、宽度和颜色。第二种方式使用了伪元素，利用“::after”生成一个在目标区域内的垂直线条。第三种方式则是利用背景图的方式来实现。

在实际使用中，大家可以根据具体的需求来选择使用哪种方式来实现CSS下面的竖线，同时也要注意不同实现方式的兼容性和效率。