在CSS中，我們可以通過border-style屬性來設置邊框的樣式，其中包括了虛線樣式。而每節虛線的長度是可以通過border-style屬性的第三個參數來設置的。

.border{
border: 1px dashed 10px;
}

上述代碼中，我們使用了border-style屬性設置了一個虛線邊框，并且設置了每節虛線的長度為10px。如果你使用了不同的數值，就可以得到不同長度的虛線效果。下面我們來看一下不同長度的虛線效果。

.border-1{
border: 1px dashed 5px;
}
.border-2{
border: 1px dashed 15px;
}
.border-3{
border: 1px dashed 20px;
}

在上面的代碼中，我們設置了三個不同長度的虛線邊框，并分別設置了它們的每節虛線的長度為5px、15px和20px。在使用這些類名分別對元素進行設置后，我們就可以得到不同長度的虛線效果。

需要注意的是，如果一個元素的邊框長度設置過長，那么可能會出現邊框虛線的間隙比實線的間隙還要大的情況。如果你希望避免這種情況的發生，可以嘗試調整虛線邊框的粗細，或者使用實線邊框代替虛線邊框。