許多網站在文章頁面的左右兩側會使用一條豎線來區分不同的文章，這樣可以提高文章的可閱讀性。那么，如何使用 CSS 來實現這條豎線呢？

/* 設置左側邊欄 */
.sidebar {
float: left;
width: 25%;
margin-right: 5%;
padding-right: 2%;
border-right: 1px solid #ccc;
}
/* 設置右側文章區域 */
.article {
float: left;
width: 70%;
}

以上代碼是設置了一個左側為邊欄，右側為文章區域的基本樣式，可以根據實際情況進行修改。我們主要關注的是.sidebar中的border-right屬性，它用來設置邊欄的右側邊框線，顏色可以根據需求更改。

此外，我們還需要在 HTML 中為文章和邊欄添加相應的類名，如下：

<div class="sidebar">
<!-- 左側邊欄內容 -->
</div>
<div class="article">
<!-- 右側文章內容 -->
</div>

這樣，當 CSS 樣式和 HTML 結構都設置好后，我們就可以得到左右分欄的頁面，并且在兩個區域之間有一條豎線，讓文章頁面更加清晰易讀。