CSS的下劃線是許多網(wǎng)頁設(shè)計(jì)者都經(jīng)常用到的樣式，它可以為文字添加一條下劃線，讓文字看起來更加突出和重要。下面介紹幾種不同的CSS下劃線樣式：

.text{
/*單實(shí)線下劃線*/
text-decoration: underline;
}
.text{
/*雙實(shí)線下劃線*/
text-decoration: underline double;
}
.text{
/*單虛線下劃線*/
text-decoration: underline dotted;
}
.text{
/*雙虛線下劃線*/
text-decoration: underline double dotted;
}
.text{
/*下劃線去掉*/
text-decoration: none;
}

除了常見的實(shí)線和虛線下劃線之外，還可以通過多種屬性來控制下劃線的粗細(xì)，顏色和位置等。比如可以通過text-underline-width屬性來設(shè)定下劃線的寬度，通過text-underline-offset屬性來調(diào)整下劃線與文字的距離，還可以通過text-underline-color屬性來設(shè)置下劃線的顏色。

.text{
/*下劃線寬度*/
text-underline-width: 2px;
}
.text{
/*下劃線與文字距離*/
text-underline-offset: 2px;
}
.text{
/*下劃線顏色*/
text-underline-color: red;
}

當(dāng)然，使用下劃線的效果并不是一定要下劃線加在文字底部，有時(shí)也可以將下劃線加在文字上方或者中間，這就需要使用一些其他的技巧。比如可以使用偽元素:before和:after來為文字添加前綴和后綴，然后在前綴或者后綴的樣式中添加下劃線樣式。

.text:before{
content: "PREFIX";
text-decoration: underline;
}
.text:after{
content: "SUFFIX";
text-decoration: underline;
}

CSS的下劃線是一種簡(jiǎn)單而有效的樣式，可用于強(qiáng)調(diào)重要信息或增加文字視覺效果，在合適的場(chǎng)景下使用下劃線，可以為網(wǎng)頁帶來更好的用戶體驗(yàn)。