CSS加豎杠是一個常用的網頁設計技巧，它可以在文本之間添加豎杠以增強頁面的美觀性和可讀性。下面是一些關于如何在CSS中添加豎杠的技巧。

.separator {
margin: 0 5px;
content: "|";
color: #ccc;
}

以上代碼中，我們使用CSS的content屬性添加豎杠，然后設置豎杠的外邊距為5像素，使得不同文本之間有足夠的距離。我們還可以通過color屬性來設置豎杠的顏色。

.separator {
margin: 0 5px;
border-left: 1px solid #ccc;
height: 1em;
display: inline-block;
}

上面的代碼則是通過CSS的border屬性來添加豎杠。我們使用border-left屬性來設置豎杠的左邊框，并設置邊框顏色和粗細。我們還需要設置豎杠的高度和寬度，以及將其以內聯塊級元素的方式顯示。

無論是使用content屬性還是border屬性，都可以輕松地實現在CSS中添加豎杠的效果。這是一種簡單而有效的方式，可幫助您提高網頁的設計質量和用戶體驗。