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