html - 什么 CSS 属性/HTML 元素提供了这种垂直线效果？

Question

<分区>

Answer 1

它是一个 ul 元素(具有类 timeline)，样式如下:

.timeline:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 40px;
    width: 2px;
    margin-left: -1.5px;
    background-color: #f1f1f1;
}

此外，正如@Vucko 所指出的:

@media (min-width: 768px)
.timeline:before {
    left: 50%;
}

时间轴中的每个点都是一个li(右侧的li只是被赋予了不同的类timeline-inverted)。

好问题。