CSS 是一門用于描述網頁樣式的語言，它可以幫助我們更加靈活地控制網頁的外觀。其中，設置文本上的橫線也是比較常用的效果。下面來詳細介紹一下如何使用 CSS 給文本添加橫線樣式。 首先，在 HTML 中插入我們想要設置橫線的文本。這里我們以“這是一段需要添加橫線的文本”為例。在 p 標簽中添加相應的文本：

這是一段需要添加橫線的文本

接下來，在 CSS 中設置相應的樣式。我們可以使用 text-decoration 屬性來實現文本上的橫線效果。text-decoration 可以設置下劃線、中劃線等多種樣式。在這里，我們設置中劃線樣式，代碼如下：

p {
text-decoration: line-through;
}

這樣，我們已經成功地為文本添加了中劃線。當在瀏覽器中查看頁面時，可以看到該段文字上已經出現了一條中劃線。 當然，我們也可以使用其他屬性來實現相同的效果，例如 border-bottom、background-image 等。這樣不僅可以實現橫線效果，還能為文本添加更多的美觀效果。 在以上過程中，我們首先在 HTML 中插入相應的內容，并使用 p 標簽來包裹該段文字。然后，在 CSS 中通過 text-decoration 屬性來設置橫線樣式，從而實現文本上的橫線效果。這是一個基本的示例，實際應用中也可根據需要進行修改，以達到更加優秀的效果。