使用HTML CSS或JavaScript制作垂直线

我注意到网站上的垂直线，如果你向下滚动到上面写着“增加旅行者忠诚度…”的地方，然后在下面有一条垂直线。在网页设计中，你将如何创建这样一条长线？您是否需要制作图像并对其进行绝对定位，或者是否有更好的HTML、CSS或JavaScript方法？

您可以通过两种方法完成：

背景图像向右对齐并沿y轴重复。

.main liner{background:url（“bg.png”）repeat-y右上角透明；}

边框

.main liner{右边框：2px实心#f00；右边框：-2px；}

预览：

---

Fiddle:Use

border

csproperty有很多方法可以做到这一点，你应该提供你的用例的上下文，这样我们才能清楚地回答。你也可以使用伪元素，你适合IE8，但这是OP在链接站点中使用的技术。