在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樣式元素。在實現時，可以根據具體情況使用不同的方法。最常用的方法是使用偽元素，因為它比較靈活。