CSS中可以很方便的給文字添加刪除線,只需要通過text-decoration屬性來設置即可。
要添加刪除線,只需將text-decoration屬性設置為line-through:
p { text-decoration: line-through; }
此時,所有應用到p標簽的文字都會有一條橫線劃過。
如果只需要部分文字添加刪除線,可以通過<del>標簽來實現(xiàn)。
<p>這句話中的<del>部分</del>被刪除了</p>
效果如下:
這句話中的部分被刪除了
同樣,如果想要在鼠標懸停時顯示刪除線,可以使用:hover偽類:
p:hover { text-decoration: line-through; }
這樣,當鼠標懸停在應用到p標簽的文本上時,就會顯示刪除線。
最后,需要注意的是,在一些特殊情況下,瀏覽器可能會對刪除線進行一些默認的樣式調整,如加粗、加粗變寬等。如果需要自定義刪除線樣式,應該手動設置line-height、font-weight、border等屬性。
下一篇css字體樣式都有什么