使用 CSS 文字上添加橫線
HTML 中的文本通常是不帶裝飾的。但有時需要為一段文本增加裝飾效果，比如橫線。使用 CSS，可以方便地為文字添加橫線，并且可以定制橫線的顏色、粗細、樣式等屬性。
在 CSS 中，使用 text-decoration 屬性可以為文字添加橫線。該屬性值為 line-through 表示添加刪除線，值為 underline 表示添加下劃線，值為 overline 表示添加頂線，值為 none 表示去除裝飾線。
下面是一個簡單示例，為一段文字添加刪除線：

<style>
p {
text-decoration: line-through;
}
</style>
<p>這是一段帶有刪除線的文本。</p>

結果如下：

這是一段帶有刪除線的文本。

除了線的樣式，還可以定制顏色和寬度。下面是一個示例，為一段文字添加 2 像素寬的紅色刪除線：

<style>
p {
text-decoration: line-through;
text-decoration-color: red;
text-decoration-width: 2px;
}
</style>
<p>這是一段帶有紅色刪除線的文本。</p>

結果如下：

這是一段帶有紅色刪除線的文本。

常見的線樣式有實線、虛線、點狀線等。下面是一個示例，為一段文本添加虛線頂線：

<style>
p {
text-decoration: overline;
text-decoration-style: dotted;
}
</style>
<p>這是一段帶有虛線頂線的文本。</p>

結果如下：

這是一段帶有虛線頂線的文本。

總之，使用 CSS 可以很方便地為文本添加各種裝飾效果，幫助我們實現更多的設計需求。