在 html 中設(shè)置文本下劃線最常用的方法是使用 css。1. 使用 css 的 text-decoration 屬性是最常見且推薦的方式，通過給元素添加 text-decoration: underline; 實現(xiàn)下劃線效果，例如：
或定義類 .underline-text 并在 html 中引用；2. 雖然 html 提供了 標(biāo)簽可以加下劃線，但語義上不推薦，尤其不適合強調(diào)鏈接內(nèi)容；3. 對于超鏈接，可通過 a { text-decoration: none; } 去掉默認(rèn)下劃線，并用 a:hover { text-decoration: underline; } 在懸停時恢復(fù)下劃線，也可根據(jù)不同狀態(tài)分別設(shè)置，以提升網(wǎng)頁可讀性和用戶體驗。
在 HTML 中設(shè)置文本下劃線，最常用的方法是使用 CSS 來控制樣式。HTML 標(biāo)簽本身雖然有 可以加下劃線，但現(xiàn)代網(wǎng)頁開發(fā)更推薦用 CSS 來實現(xiàn)，這樣更靈活、也更容易統(tǒng)一管理。
使用 CSS 的 text-decoration 屬性
這是最常見也是推薦的方式。通過給文字所在的元素添加 text-decoration: underline; 就可以實現(xiàn)下劃線效果。
比如你想讓一個段落的文字都有下劃線，可以這樣寫：
立即學(xué)習(xí)“前端免費學(xué)習(xí)筆記（深入）”；
<p style="text-decoration: underline;">這段文字會有下劃線</p>
也可以寫成類的形式，在 CSS 中定義：
.underline-text { text-decoration: underline; }
然后在 HTML 中使用：
<span class="underline-text">帶下劃線的文字</span>
這種方式適用于各種文本標(biāo)簽，比如
、、 等。
使用 HTML 的 標(biāo)簽（不推薦）
HTML 原生支持 標(biāo)簽，它會給包裹的文字加上下劃線：
<u>這段文字會顯示下劃線</u>
不過需要注意的是， 標(biāo)簽原本用于“非文本的強調(diào)”（比如拼寫錯誤），現(xiàn)在雖然還能用，但語義上不太推薦。特別是在需要強調(diào)鏈接或者可點擊內(nèi)容時，還是建議用 CSS 更好。
給鏈接添加下劃線的小技巧
網(wǎng)頁中默認(rèn)超鏈接 是自帶下劃線的，但有時候我們?yōu)榱私y(tǒng)一風(fēng)格會去掉，又想在某些時候恢復(fù)：
a { text-decoration: none; /* 去掉下劃線 }
如果只想在鼠標(biāo)懸停時出現(xiàn)下劃線，可以這樣寫：
a:hover { text-decoration: underline; }
當(dāng)然你也可以根據(jù)狀態(tài)分別設(shè)置：
- a { text-decoration: none; }
- a:hover { text-decoration: underline; }
- a:visited { text-decoration: line-through; }（加刪除線）
這在設(shè)計導(dǎo)航欄或特殊風(fēng)格的鏈接時非常實用。
基本上就這些方法了。雖然看起來簡單，但在實際網(wǎng)頁設(shè)計中，合理使用下劃線能提升可讀性和用戶體驗，尤其是和鏈接結(jié)合使用時，別小看這個細(xì)節(jié)。
