CSS中的刪除線效果可以讓我們在網頁設計過程中更加靈活地展示文本內容。把字符串中的文字加上刪除線,可以表示之前的內容不再有效或被廢棄。下面我們就來看一下怎么用CSS來添加刪除線效果。
/* 單條刪除線 */ .delete-line { text-decoration: line-through; } /* 雙條刪除線 */ .double-delete-line { text-decoration: line-through double; } /* 刪除線顏色 */ .delete-line-color { text-decoration: line-through red; }
通過text-decoration屬性,我們可以添加單條和雙條的刪除線效果。同時,我們也可以指定刪除線的顏色,可以是CSS中任何一種支持的顏色。
一般建議在使用刪除線效果時,應該僅限于需要表示改變的文本內容上。如果過度使用,將會使頁面內容看起來凌亂不堪。另外,在SEO優化的角度下,搜索引擎可能不會抓取刪除線內的內容,因此請慎重使用。