CSS 中提供了非常多種樣式效果，其中包括對(duì)文字的刪除線效果。當(dāng)我們需要在網(wǎng)頁中標(biāo)注出一些不再有效的信息、過時(shí)的價(jià)格、取消的計(jì)劃以及已經(jīng)完成的項(xiàng)目等等，可以運(yùn)用 CSS 來實(shí)現(xiàn)文字的刪除線效果。

/* 設(shè)置刪除線效果 */
text-decoration: line-through;

使用 CSS 添加刪除線的效果非常簡單，只需要在樣式表中添加上述代碼即可。這里 text-decoration 屬性是用來設(shè)定文本修飾的類型，包括刪除線、下劃線和閃爍等。而 line-through 表示設(shè)置文本內(nèi)容添加刪除線。可以根據(jù)需要選擇其他的文本修飾類型。

下面是一個(gè)例子：

<style>
.deleted {
text-decoration: line-through;
}
</style>
<p>這是一個(gè)沒有刪除線的段落。</p>
<p class="deleted">這是一個(gè)有刪除線的段落。</p>

運(yùn)行結(jié)果如下：

這是一個(gè)沒有刪除線的段落。

這是一個(gè)有刪除線的段落。

通過添加 deleted 類名，并在 CSS 樣式表中添加相應(yīng)的刪除線效果，就可以在頁面中實(shí)現(xiàn)刪除線效果。