網頁設計中，CSS是一種非常重要的語言，可以用來改變頁面的樣式和布局，其中一個常見的應用就是添加下劃線。當我們想要給文字添加下劃線時，可以采用CSS的特殊技巧，即下劃線的虛線效果。

.text {
text-decoration: underline dotted;
}

通過這個CSS代碼塊，我們可以將一個類名為text的文本設定為虛線下劃線效果。在CSS中，text-decoration屬性可以給文本添加裝飾，包括下劃線、刪除線、上劃線等。我們在這里設置為underline dotted，即表示下劃線并且為點劃線樣式。

當然，我們也可以通過以下方式對文本的樣式進行調整：

.text {
text-decoration-line: underline;
text-decoration-style: dotted;
}

這里我們分別設置了text-decoration-line和text-decoration-style兩個屬性。text-decoration-line表示下劃線樣式，可以設置為none、underline、overline或line-through，這里我們設置為了underline。text-decoration-style表示下劃線的樣式，可以設置為solid、double、dotted、dashed或wavy，這里我們設置為了dotted。

總之，CSS的下劃線虛線效果可以讓我們在設計網頁時更加得心應手，給網站添加美觀的裝飾效果。無論是使用text-decoration還是text-decoration-line和text-decoration-style，都可以輕松實現下劃線虛線效果的添加。