CSS中刪除線是一種使文本穿過一條橫貫文本的直線,以表示文本已被刪除或無效的效果。通過使用CSS來添加刪除線,您的網站可以更加直觀地向用戶展示刪除內容。
.text { text-decoration: line-through; }
上面的代碼將給class名為“text”的文本添加了一個刪除線效果。您可以根據需要修改class名稱。如果需要添加刪除線效果的文本較為特別,也可以使用id來為文本添加樣式:
#text { text-decoration: line-through; }
無論是使用class還是id來為文本添加刪除線效果,都可以使用其他的文本樣式屬性來進一步調整刪除線的樣式。例如,可以修改刪除線的顏色,粗細以及樣式:
.text { text-decoration: line-through; text-decoration-color: red; text-decoration-thickness: 2px; text-decoration-style: double; }
上面的代碼將刪除線的顏色設置為紅色,粗細為2像素,樣式為雙線??梢愿鶕枰杂烧{整這些屬性,以達到更好的效果。
總之,CSS中的刪除線樣式非常簡單易用,可以幫助您更好地展示需要刪除的內容。通過修改相關屬性,您可以自由調整刪除線的樣式,以符合自己的需求。
上一篇css中動畫停留時間修改
下一篇css中加引號