在設計網頁的時候，帶有刪除線的文字是非常常見的。舉個例子，我們可以通過刪除線來表明某個商品的折扣價格，或者標記過時的信息。

實現帶有刪除線的文字可以通過CSS中的text-decoration: line-through;屬性來實現。例如：

這是一個帶刪除線的文字

除了line-through，CSS還支持其他的線條樣式，這包括下劃線和上劃線。具體如下：

• text-decoration: underline;- 文本下方劃線
• text-decoration: overline;- 文本上方劃線
• text-decoration: line-through;- 文本中央刪除線
• text-decoration: underline overline;- 上下雙劃線

除此之外，我們還可以通過利用偽類選擇器來更改刪除線的樣式。例如，我們可以添加以下CSS規則來為刪除線添加顏色：

span.del {
text-decoration: line-through;
color: red;
text-decoration-color: blue;
}

在這個例子中，我們首先添加了一個類名.del來應用樣式，然后將刪除線的樣式設置為line-through，設置了文字顏色為紅色，接著通過text-decoration-color屬性將刪除線的顏色設置為藍色。

在網頁設計中，帶有刪除線的文字不僅可以增強頁面的可讀性，還可以傳遞更多的信息給用戶。通過掌握CSS中刪除線的用法，我們可以更好地實現網頁的設計效果。