在CSS中，我們可以通過text-decoration屬性來給文字添加上下加橫線的效果。

text-decoration: underline; /* 給文字添加下劃線 */
text-decoration: line-through; /* 給文字添加中劃線 */
text-decoration: overline; /* 給文字添加上劃線 */

以上三個屬性分別代表下劃線、中劃線和上劃線的效果。我們可以根據(jù)實(shí)際需求來選擇使用哪種效果。

除了基本的下劃線、中劃線和上劃線效果，我們還可以通過text-decoration-style屬性來改變它們的樣式。

text-decoration-style: dotted; /* 小圓點(diǎn)樣式 */
text-decoration-style: dashed; /* 虛線樣式 */
text-decoration-style: solid; /* 實(shí)線樣式 */
text-decoration-style: double; /* 雙實(shí)線樣式 */
text-decoration-style: wavy; /* 波浪線樣式 */

以上幾種樣式可以讓你的字體加橫線更加炫酷。例如，如果你想要一個帶有小圓點(diǎn)的下劃線，可以這樣寫：

text-decoration: underline dotted;

除了以上屬性，我們還可以通過text-decoration-color屬性來指定橫線的顏色。

text-decoration-color: red; /* 橫線為紅色 */

可以看出，我們可以通過組合以上屬性來實(shí)現(xiàn)各種各樣的文字加橫線效果。讓我們一起來嘗試一下吧！