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

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

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

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

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

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

CSS的下劃線是一種簡單而有效的樣式，可用于強調重要信息或增加文字視覺效果，在合適的場景下使用下劃線，可以為網頁帶來更好的用戶體驗。