javascript - 使用 HTML CSS 或 JavaScript 制作垂直线

Question

我注意到像网站 trippeo.com 中的垂直线如果您向下滚动到显示“提高旅行者忠诚度...”的位置，然后下方有一条垂直线。您将如何在网页设计中创建像这样的长线？您需要制作图像并对其进行绝对定位，还是有更好的方法使用 HTML、CSS 和/或 JavaScript？

Answer 1

有两种方式:

1. 背景图像右对齐并在 y 轴上重复。

   .main-liner {background: url("bg.png") repeat-y right top transparent;}
   

2. 边框

   .main-liner {border-right: 2px solid #f00; margin-right: -2px;}
   

预览:

fiddle :http://jsfiddle.net/praveenscience/RU42F/