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

在找到的引导'Agency'模板上，在about部分有一条垂直线连接所有圆圈图像。我一直在寻找，但是我找不到产生这种影响的样式规则或html元素
有人能告诉我这是怎么做的，这样我就可以修改它（例如，线路长度）

---

这就是我要做的：创建一个宽度只有1px，高度不管你想要多长的div，给它一个背景色，最后你会得到一条垂直线。

它是一个

ul

元素（带有类

时间线

），样式如下：

.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

s只是被赋予了一个不同的类

时间线倒转的
）

好问题。
在
ul
和
class=“timeline”
的
上有一个
：：在css中创建的对象之前，该对象被赋予了灰色背景色以创建该行

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

：：在
元素上的
伪元素之前。这不是这个问题所要问的。如果
左：50%
在
上（最小宽度：768px）
。谢谢你的回答，非常有用，但是我该如何改变线的高度，是否只是为了减少li的上/下页边距？@Vucko谢谢，补充道。@TobyCannon您熟悉主要web浏览器中包含的开发人员控制台吗？可通过F12键访问。您可以使用此开发人员控制台检查任何网页上的HTML元素，并在浏览器中编辑属性。每当您刷新页面时，它们都会重置。@TobyCannon该行转到最后一个
li
元素。您可以通过更改
top
属性来更改它。