CSS漸變是一種非常實用的技術，可以讓網頁看起來更加生動和有趣。當然，CSS漸變也可以用來制作虛線效果。接下來，我們就來介紹一下如何使用CSS漸變來制作虛線。

.dashed-line {
background: repeating-linear-gradient(-45deg, transparent 0, transparent 4px, #777 4px, #777 8px);
}

在上面的代碼中，我們首先為虛線效果創建一個樣式類dashed-line。在這個類中，我們通過repeating-linear-gradient屬性來定義漸變背景顏色，以制作虛線的效果。其中，-45deg表示虛線的角度，可以根據需要進行調整。transparent表示虛線的顏色是透明的，#777表示實線的顏色。4px是虛線的間隔距離，可以根據需要進行調整。

最后，我們在HTML中使用該樣式類，即可實現虛線效果。

<div class="dashed-line"></div>