下劃線是一種常見的文本修飾方式，在CSS中可以通過text-decoration屬性實現。text-decoration屬性有四個值可以選擇：none、underline、overline和line-through。

text-decoration: underline;

使用下劃線修飾文本時，還可以通過text-decoration-color屬性設置下劃線的顏色，如下：

text-decoration: underline;
text-decoration-color: red;

如果想要添加較長的下劃線，可以使用border-bottom來實現。border-bottom屬性可以設置下劃線的寬度、樣式和顏色。

border-bottom: 1px solid black;

在實際開發中，可能需要在文本中添加超鏈接并且希望超鏈接有下劃線。超鏈接的下劃線可以通過a標簽的偽類選擇器來實現，如下：

a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}

以上代碼表示在鼠標移動到超鏈接時添加下劃線。

總結來說，下劃線的CSS樣式可以通過text-decoration屬性和border-bottom屬性來實現。如果需要在超鏈接中添加下劃線，可以使用a標簽的偽類選擇器來實現。下劃線不僅可以用于修飾文字，還可以用于分割線等其他設計上。