在CSS中,可以使用text-decoration
屬性給文本下方添加橫線,以下是一個(gè)簡單的示例:
p { text-decoration: underline; }
上述代碼會將所有<p>
元素的文本下方添加橫線,如果你想給特定元素添加橫線,可以將選擇器替換為相應(yīng)的元素名,如果你想給類名為my-class
的元素添加橫線,可以這樣做:
.my-class { text-decoration: underline; }
如果你想讓橫線出現(xiàn)在文本中間而不是下方,可以使用text-decoration-line
屬性:
p { text-decoration: line-through; }
上述代碼會在所有<p>
元素的文本中間添加一條橫線,同樣,如果你想給特定元素添加橫線,可以將選擇器替換為相應(yīng)的元素名。
text-decoration
屬性會影響文本的樣式,因此請確保你的文本樣式與添加的橫線相協(xié)調(diào),也要注意不要過度使用橫線,以免讓頁面顯得過于擁擠或混亂。