下劃線怎么寫(xiě)CSS

在CSS中，下劃線可以通過(guò)使用text-decoration屬性來(lái)實(shí)現(xiàn)。text-decoration屬性用于設(shè)置文本的裝飾效果，如下劃線、上劃線和刪除線等。

要寫(xiě)下劃線，可以在text-decoration屬性中使用underline值，這個(gè)值表示在文本下面添加一條直線，即下劃線。

如果你想要給某個(gè)段落添加下劃線，可以這樣做：

p {
  text-decoration: underline;
}

這段代碼會(huì)給所有段落（p元素）添加下劃線，如果你想要給特定的段落添加下劃線，可以給段落添加一個(gè)特定的類(lèi)名，然后在CSS中針對(duì)這個(gè)類(lèi)名設(shè)置text-decoration屬性。

示例

假設(shè)你有一個(gè)段落，類(lèi)名為underline-text，你可以這樣寫(xiě)CSS：

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

然后在HTML中這樣使用：

<p class="underline-text">這段文本會(huì)有下劃線。</p>

這樣，只有這個(gè)特定的段落會(huì)有下劃線效果。

自定義下劃線樣式

除了簡(jiǎn)單的下劃線，CSS還允許你自定義下劃線的樣式，你可以設(shè)置下劃線的顏色、粗細(xì)和樣式（實(shí)線或虛線），下面是一個(gè)示例：

.underline-text {
  text-decoration: underline;
  text-decoration-color: red; /* 設(shè)置下劃線顏色為紅色 */
  text-decoration-style: double; /* 設(shè)置下劃線樣式為雙線 */
}

這樣，段落中的下劃線將是紅色的雙線。

通過(guò)CSS的text-decoration屬性，你可以輕松地給文本添加下劃線效果，并可以自定義下劃線的樣式，如顏色、粗細(xì)和樣式等，這種效果在突出顯示或強(qiáng)調(diào)文本時(shí)非常有用。