在Html中，我們可以很容易地添加各種樣式效果，其中之一就是文字刪除線樣式。 通常，刪除線用于突出顯示不再有效的信息，比如刪除文本或過時的價格。 在今天的文章中，我們將介紹如何使用css為您的文本添加刪除線樣式。

<span style="text-decoration: line-through;">我是帶刪除線樣式的文本。</span>

如上所述，刪除線樣式可以通過在CSS中使用text-decoration屬性輕松添加。 在CSS中，text-decoration可以設置為以下幾個值：

• overline：在文本上方添加一條線
• underline：在文本下方添加一條線
• line-through：在文本中間添加一條線，表示刪除
• blink：讓文本閃爍

在本例中，我們使用line-through將刪除線樣式應用于文本。

.delete-text {
text-decoration: line-through;
}

上面的代碼將為class為delete-text的文本添加刪除線樣式。 請注意，您可以使用id或class選擇器為文本添加CSS樣式。

除了使用CSS text-decoration屬性之外，您還可以使用其他方法添加刪除線樣式。 在某些情況下，background-image屬性可以為文本添加刪除線

<span style="background: linear-gradient(to right, red 50%, transparent 50%);
background-size: 2px 100%;
background-position: bottom center;">刪除線文本</span>

上面的代碼將為文本添加一條紅色的2像素寬度的刪除線。 在此示例中，我們使用background-image屬性并定義線性漸變，從而實現刪除線效果。

在本文中，我們展示了兩種不同的方法來為Html文本添加刪除線樣式，首先，CSS text-decoration屬性是最常見的方法，特別是在使用CSS樣式表的情況下。 其次，background-image屬性可以為您提供更多自定義選項，但需要更多的CSS技能和知識。