CSS是一種重要的前端樣式語言，它可以使我們對網站的字體、顏色、排版等方面進行精細的樣式調整。在CSS中，常常會用到在字體中間加橫線的效果，這種效果既可以用來表示刪除文字，也可以用來強調某段文字。

.underline {
text-decoration: underline;
text-decoration-color: red; /*可以調整橫線的顏色*/
text-decoration-style: solid; /*可以調整橫線的樣式，比如虛線或雙線等*/
}

使用CSS為字體加橫線非常簡單，只需要使用text-decoration屬性即可。我們可以用它來添加下劃線、中劃線和上劃線等效果。相應地，我們還可以使用text-decoration-color屬性調整橫線的顏色，text-decoration-style屬性調整橫線的樣式。

除了使用text-decoration屬性，我們還可以使用偽元素:before和:after來為字體添加橫線。如下代碼所示：

.underline:before {
content: "";
display: block;
height: 1px;
width: 100%;
background-color: red;
position: relative; /*一定要加這句話*/
top: 0.5em; /*可以調整橫線距離文字的位置*/
}

這種方式可以使我們更靈活地控制橫線的樣式和位置，比如可以添加破折號、波浪線、點線等樣式。如果我們想在字體上下各加一條橫線，只需要使用:before和:after分別添加就可以了。

總之，CSS為字體加橫線是一種簡單、實用的效果，可以為我們的文字排版提供更多樣式選擇。無論是在網頁設計中還是在個人博客、文章中，都可以使用這種效果使文字更加美觀、生動。