使用CSS設置下劃線為虛線 在網頁設計中，下劃線是很常見的元素之一。但是，通常的下劃線都是實線，如果我們想要設置下劃線為虛線，我們可以使用CSS來實現這一效果。 在CSS中，我們使用text-decoration屬性來控制下劃線的樣式。如果我們要把下劃線設置為虛線，我們可以使用text-decoration-style屬性，將它的值設置為dashed。 例如，下面這段CSS代碼可以將下劃線設置為虛線。 pre { text-decoration: underline; text-decoration-style: dashed; } 在上面的代碼中，我們首先將text-decoration屬性設置為underline，這將使文本出現下劃線。接著，我們將text-decoration-style屬性設置為dashed，這會將下劃線的樣式從實線變成虛線。 當然，我們也可以將下劃線設置成其他樣式，例如點線樣式（dotted）或雙線樣式（double）。下面的代碼可以將下劃線設置為點線樣式。 pre { text-decoration: underline; text-decoration-style: dotted; } 除了這些屬性之外，text-decoration還有其他一些屬性，例如text-decoration-line可以用來指定在哪一條線上添加裝飾線（例如我們可以設置刪除線等）。 在實際網站設計中，我們可以根據不同的風格和需求，選擇不同的下劃線樣式，來讓頁面更加美觀。 總結 在CSS中，我們可以使用text-decoration屬性來控制下劃線的樣式，text-decoration-style可以用來指定下劃線的樣式，可以選擇實線、虛線或其他樣式。根據不同的需求和風格，可以選擇不同的下劃線樣式，讓頁面更加美觀。