在CSS中,我們可以使用text-decoration屬性來給指定的元素加上刪除線,常常用于表示已過時或被刪除的內容。例如,我們可以給一段文字加上刪除線,將其標記為已經過時:
這是一段已過時的文字。
有時候,我們也會給鏈接加上刪除線,表示該鏈接已經失效。這時候,可以使用以下代碼: a:link { text-decoration:line-through; } 代碼中,a:link表示對所有未訪問過的鏈接都進行樣式設置,text-decoration屬性設置為line-through即表示給鏈接加上刪除線。 當然,有些情況下我們也需要去掉某個元素的刪除線。例如,我們可能需要給一段特定的文字加上下劃線,然而該文字在全局樣式中受到了刪除線的影響。這時候,我們可以使用text-decoration:none屬性去掉它的刪除線:這是一段已過時的文字,但是這個詞沒有過時。
代碼中,我們使用了CSS中嵌套樣式的方法,給內部的span元素設置了text-decoration:none樣式。 總之,text-decoration屬性在CSS中十分有用,它可以讓我們方便地添加或去除元素的刪除線,幫助我們實現更多樣的視覺效果。