CSS 字體下方橫線是一種常見的文本修飾方式，通常用于強調一段文本的重要性。在 CSS 中，我們可以使用 text-decoration 屬性來實現字體下方橫線的效果。

p {
text-decoration: underline;
}

上面的代碼會對所有的段落文字添加下劃線。如果我們只想對特定的文字添加下劃線，可以使用偽類選擇器 :

p em {
text-decoration: underline;
}

上面的代碼會對所有的段落文字中，使用<em>標簽包裹的文字添加下劃線。

如果我們想去掉下劃線，可以將 text-decoration 屬性值設置為 none：

p {
text-decoration: none;
}

在實際應用中，我們可能會希望下劃線的顏色與文字的顏色一致，這時候可以使用 text-decoration-color 屬性：

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

上面的代碼會對所有的段落文字添加紅色的下劃線。text-decoration-color 屬性還可以與 text-decoration-line 和 text-decoration-style 屬性一起使用，完善下劃線的樣式。