CSS下劃線屬性用于在文本下方添加一條直線?？梢杂糜趶娬{(diào)標(biāo)題，網(wǎng)站導(dǎo)航或在構(gòu)建網(wǎng)站時用于視覺吸引力。

要在CSS中添加下劃線屬性，可以使用text-decoration屬性，將其設(shè)置為下劃線（underline）：

h1 {
text-decoration: underline;
}

上面的代碼將應(yīng)用下劃線到所有的h1標(biāo)簽上。

但是，有時候下劃線不只是簡單的直線，而是帶有一些變化的形狀。可以使用一些其他的屬性，如text-decoration-color，text-decoration-style和text-decoration-thickness來實現(xiàn)這些效果。

text-decoration-color屬性用于修改下劃線的顏色：

h1 {
text-decoration: underline;
text-decoration-color: red;
}

這將應(yīng)用紅色的下劃線到所有的h1標(biāo)簽上。

text-decoration-style屬性用于控制下劃線的樣式，如實線、虛線、點狀線等：

h1 {
text-decoration: underline;
text-decoration-color: red;
text-decoration-style: dotted;
}

上面的代碼將在所有的h1標(biāo)簽下面應(yīng)用紅色的點狀下劃線。

最后，text-decoration-thickness屬性用于設(shè)置下劃線的粗細程度：

h1 {
text-decoration: underline;
text-decoration-color: red;
text-decoration-style: dotted;
text-decoration-thickness: 2px;
}

上面的代碼將應(yīng)用紅色的點狀下劃線到所有的h1標(biāo)簽上，粗細程度為2像素。

總之，使用CSS下劃線屬性可以有效地增強文本的視覺效果，并可以通過一些屬性控制下劃線的樣式，滿足不同的需求。