在CSS中，豎著的藍色線條通常用于分割頁面內容或者作為裝飾性元素。如何實現這樣的線條呢？下面我將為大家介紹兩種方法：

/* 方法一：使用邊框實現 */
.blue-line {
border-left: 1px solid blue;
height: 100px; /* 線條高度 */
}
/* 方法二：使用偽元素實現 */
.blue-line::before {
content: "";
display: block;
border-left: 1px solid blue;
height: 100px; /* 線條高度 */
}

通過為元素設置左邊框和高度，我們可以實現一條豎著的藍色線條。不過需要注意的是，如果使用的是方法二，需要為偽元素添加display: block;屬性，使其成為塊級元素，并且為其設置content: "";以保證它在頁面中顯示。當然，我們也可以通過為偽元素設置其他屬性，如width、background-color等來實現更復雜的效果。

希望這篇文章對大家實現豎著的藍色線條有所幫助。