在CSS中，我們可以使用border-bottom屬性來制作虛線下劃線，以下是一些示例代碼，展示如何實現(xiàn)這一效果：

1、使用border-bottom屬性：

.dashed-underline {
    border-bottom: 1px dashed #000;
}

這段代碼中，dashed-underline類定義了一個虛線樣式的下劃線，線寬為1像素，顏色為黑色，你可以根據(jù)需要調(diào)整線寬和顏色。

2、使用text-decoration屬性：

雖然text-decoration屬性主要用于設(shè)置文本裝飾（如下劃線、上劃線和刪除線等），但它也可以用來設(shè)置虛線下劃線。

.dashed-underline {
    text-decoration: underline;
    text-decoration-style: dashed;
    text-decoration-color: #000;
}

這段代碼同樣實現(xiàn)了虛線下劃線的效果，但使用了text-decoration屬性，注意，這里的text-decoration-style屬性設(shè)置為dashed，表示使用虛線樣式。

3、使用CSS偽元素：

我們還可以使用CSS偽元素來創(chuàng)建虛線下劃線，這種方法更加靈活，因為它允許我們更***地控制下劃線的位置和樣式。

.dashed-underline {
    position: relative;
    z-index: 1;
}
.dashed-underline::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px dashed #000;
    z-index: -1;
}

這段代碼創(chuàng)建了一個虛線下劃線，其中::after偽元素用于繪制下劃線，這種方法可以使得下劃線的樣式更加多樣化，并且可以與文本內(nèi)容更好地配合。