CSS是網站設計中非常重要的一部分，不僅可以控制頁面元素的位置、大小、顏色等樣式，還可以通過豎隔線的樣式來優化頁面的布局。 要創建一條豎隔線，可以使用CSS中的border屬性。其中，border-left可以用于創建左側豎隔線，border-right可以用于創建右側豎隔線。 下面是一個簡單的CSS示例，它用于創建包含左、右兩側豎隔線的盒子：

.box {
border-left: 1px solid #ccc; /* 左側豎隔線 */
border-right: 1px solid #ccc; /* 右側豎隔線 */
padding: 10px; /* 設置盒子內邊距 */
}

上面的代碼定義了一個名為“box”的CSS類，它會給元素添加左、右兩側1像素寬的實線邊框。可以將該類應用于任何元素，如下所示：

<div class="box">
<h2>這里是標題</h2>
<p>這里是內容</p>
</div>

當然，還有其他的CSS屬性可以用來控制邊框的樣式，如邊框的寬度、顏色、樣式等。此外，還可以使用偽元素:before和:after來創建額外的豎隔線，從而提高頁面的設計效果。 總之，CSS豎隔線是一種很有用的布局技巧，可以讓頁面更加美觀和易于閱讀。希望本文的內容能夠幫助您更好地應用這項技術。