CSS畫底線 CSS樣式表是網頁設計與排版不可或缺的一部分，其中較為常見的一個樣式就是底線。底線可以用于突出文字或鏈接的重要性，給用戶以引導或提示。本文將介紹如何通過 CSS 畫底線。 首先，我們需要準備一個 HTML 頁面，其中包含需要加底線的文字或鏈接。下面是示例代碼： ```

這是一個示例文字，其中鏈接需要加底線。

``` 接下來，在樣式表中添加以下代碼： ``` pre { white-space: pre-wrap; background-color: #f1f1f1; padding: 10px; font-size: 14px; } p { text-decoration: none; } a:hover { text-decoration: underline; } ``` 上述代碼中，我們先定義了一個 pre 標簽樣式，用于包裹整個樣式表的代碼。這是因為 pre 標簽可以保留文本中的空格和換行符，使得代碼更加易讀。 接著，我們為 p 標簽定義了一個 text-decoration 樣式，將其設為 none，以去除默認的下劃線。接下來，為 a 標簽添加了一個:hover 偽類，將其 text-decoration 設為 underline，從而在鼠標懸停時畫出底線。 最后，我們只需要在 HTML 頁面中引用樣式表即可： `````` 運行頁面，當鼠標懸停在鏈接上時，就會出現下滑線，如下所示： 這是一個示例文字，其中鏈接需要加底線。 通過上述代碼，我們可以使用 CSS 畫出底線，為網頁排版與設計添加更多的美感與可讀性。