在網頁設計中，我們經常會需要給一些文字添加一條下劃線來強調它的重要性。通過 CSS，我們可以非常輕松地給字體下面加上一條橫線。

.text {
text-decoration: underline;
}

上述代碼中，我們定義了一個.text選擇器，并設置它的text-decoration屬性為underline。這樣，所有使用此類選擇器的元素都會在字體下面添加一條橫線。

當然，我們也可以選擇添加不同類型的下劃線，例如雙下劃線、虛線等等：

.double-underline {
text-decoration: double underline;
}
.dotted-underline {
text-decoration: underline dotted;
}

如上所示，我們可以通過double underline或underline dotted來定義不同類型的下劃線。此外，我們還可以設置下劃線的顏色：

.colored-underline {
text-decoration: underline;
text-decoration-color: #FF0000;
}

上述代碼中，我們為一個選擇器添加了一個紅色下劃線。這里的#FF0000就是顏色的十六進制表示。

總結一下，使用 CSS 可以輕松地給字體下面添加橫線，我們可以通過設置text-decoration屬性來定義不同類型的下劃線，還可以設置顏色等其他屬性。