在網頁設計中，有時候我們需要在頁面中使用豎線來分隔不同的內容區塊，這時候就需要用到CSS來實現。下面介紹一些常見的方法來實現豎線效果。
首先，最簡單的方法是使用border屬性，通過設置邊框樣式來實現。代碼如下：

p {
border-right: 1px solid #000000;
}

這樣每一個p標簽都會有一條向右的黑色邊框，達到豎線的效果。如果要調整豎線的寬度，可以調整border-right的寬度值。
另外，還可以使用偽元素 ::before或者::after來實現豎線。這種方法需要設置content屬性來插入豎線的內容，并通過position屬性來調整豎線的位置。代碼如下：

p::before {
content: "|";
position: absolute;
left: -5px;
}

這樣就會在每一個p標簽前面插入一個豎線。需要注意的是，偽元素需要設置position為absolute或者relative才能生效。
最后，還可以使用CSS的background屬性來實現豎線效果。代碼如下：

p {
background: linear-gradient(to right, #000000 50%, transparent 50%);
}

這樣就會在每一個p標簽中添加一個半黑半透明的漸變背景，看起來像是豎線一樣。
綜上所述，以上是三種常見的方式來實現豎線效果，可以根據實際需求來選擇不同的方法。