CSS是一種樣式表語言，可以通過它來定義網頁元素的樣式和布局。在很多網頁中，會用到帶有左邊豎線的元素，比如側邊欄菜單。那么下面我們來看看如何用CSS實現左邊豎線。

.left-line{
border-left: 3px solid #333;
padding-left: 10px;
}

以上是一段CSS代碼，其中".left-line"代表需要添加豎線的元素的類名。"border-left"用來設置豎線的樣式，其中"3px"代表豎線的寬度，"solid"代表豎線的樣式是實線，"#333"代表豎線的顏色。"padding-left"用來設置元素的左側內邊距，以便讓文字或者其他內容在豎線的右側，不與豎線重合。

可以通過以下的HTML代碼來給元素添加類名".left-line"：

<div class="left-line">
<p>這是一段帶有豎線的文字。</p>
</div>

在以上代碼中，<div>元素被添加了".left-line"類名，進而實現了帶有豎線的效果。而<p>元素則在豎線的右側，不會與豎線重合。

以上就是如何用CSS實現左邊豎線的方法。通過設置元素的邊框和內邊距，我們成功地給元素添加了一條豎線，使得網頁的排版更加美觀。