CSS中的虛線是很常見的一種效果，但是大多數人往往只會設置水平虛線，而不知道如何設置豎直虛線。本文就來介紹一下如何設置CSS中的豎直虛線。

.element {
border-left: 1px dashed black;
height: 100px;
}

以上是設置CSS中豎直虛線的基本代碼，下面我們來詳細解釋一下：

• border-left：這個屬性和值組合表示邊框在元素左側，如果需要在右側設置豎直虛線，則把left改為right即可。
• 1px：邊框寬度，可以根據需求進行修改。
• dashed：邊框樣式，表示虛線。
• black：邊框顏色，可以根據需求進行修改。
• height：元素高度，一定要設置，否則虛線不會顯示。

以上就是設置CSS中豎直虛線的全部內容。可以看到，實際上和水平虛線的設置方法是差不多的，只是在border屬性中改變方向即可。