在HTML和CSS中，长竖线是一种常用的样式元素。它常常被用来分割不同的内容区域，或者用于页面的导航菜单。长竖线在CSS中有多种实现方法，下面就是一些示例代码：

/* 在CSS中使用border实现长竖线 */
div {
border-left: 1px solid black;
height: 100%;
}
/* 使用伪元素实现长竖线 */
div::before {
content: "";
display: inline-block;
vertical-align: middle;
width: 1px;
height: 100%;
background-color: black;
margin-right: 10px;
}
/* 使用伪元素实现另一种样式的长竖线 */
div::after {
content: "|";
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}

上述代码中，第一种方法使用了CSS的border属性来实现长竖线。我们只需要设置一个边框，然后指定它的位置为左边框即可。这种方法比较简单，但是如果你需要给长竖线设置特殊的样式，比如背景色、边框颜色等，就需要使用其他的方法。

第二种方法使用了CSS的伪元素。我们创建了一个空的伪元素:before，并设置它的宽度为1px，高度为100%。接着将背景色设置为黑色，就可以实现一个黑色的长竖线。这种方法比较灵活，可以方便地设置长竖线的样式。

第三种方法也使用了伪元素，但是这次我们使用了content属性，在:before元素中插入了一个竖线字符"|”，这样就可以实现一种更为简单的长竖线样式。

综上所述，长竖线是一种常用的CSS样式元素。在实现时，可以根据具体情况使用不同的方法。最常用的方法是使用伪元素，因为它比较灵活。