CSS 中提供了非常多種樣式效果,其中包括對文字的刪除線效果。當我們需要在網頁中標注出一些不再有效的信息、過時的價格、取消的計劃以及已經完成的項目等等,可以運用 CSS 來實現文字的刪除線效果。
/* 設置刪除線效果 */ text-decoration: line-through;
使用 CSS 添加刪除線的效果非常簡單,只需要在樣式表中添加上述代碼即可。這里 text-decoration 屬性是用來設定文本修飾的類型,包括刪除線、下劃線和閃爍等。而 line-through 表示設置文本內容添加刪除線。可以根據需要選擇其他的文本修飾類型。
下面是一個例子:
<style> .deleted { text-decoration: line-through; } </style> <p>這是一個沒有刪除線的段落。</p> <p class="deleted">這是一個有刪除線的段落。</p>
運行結果如下:
這是一個沒有刪除線的段落。
這是一個有刪除線的段落。
通過添加 deleted 類名,并在 CSS 樣式表中添加相應的刪除線效果,就可以在頁面中實現刪除線效果。