CSS中如何添加下劃線

在CSS中，可以使用text-decoration屬性來(lái)添加下劃線，這個(gè)屬性可以應(yīng)用于任何文本元素，如p、h1、a等。

如果你想給一段文本添加下劃線，可以這樣做：

p {
  text-decoration: underline;
}

這段CSS代碼會(huì)將所有<p>元素的文本裝飾為帶有下劃線的樣式。

如果你想給特定的文本添加下劃線，可以使用類（class）或ID來(lái)應(yīng)用樣式。

.underline-text {
  text-decoration: underline;
}

然后在HTML中使用這個(gè)類：

<p class="underline-text">這是一段帶有下劃線的文本。</p>

如果你想在鼠標(biāo)懸停時(shí)添加下劃線，可以使用:hover偽類：

a:hover {
  text-decoration: underline;
}

這段CSS代碼會(huì)在鼠標(biāo)懸停在<a>元素上時(shí)，將文本裝飾為帶有下劃線的樣式。

text-decoration屬性不僅限于添加下劃線，還可以添加其他裝飾效果，如刪除線（line-through）和上劃線（overline），這些裝飾效果的使用頻率較低，因此在此不詳細(xì)討論。