要在CSS中添加刪除線到字體,可以通過text-decoration屬性實現。這個屬性可以設置為line-through來添加刪除線。
p { text-decoration: line-through; }
在上面的例子中,我們對所有的p標簽添加了刪除線。如果只想對某些文本添加刪除線,可以通過給文本添加一個class名字,在CSS中設置刪除線。
.delete { text-decoration: line-through; }
上面的CSS選擇器表示,只有class名為delete的元素才會添加刪除線。在HTML中,需要像下面這樣使用class名:
這段文本有刪除線
這段文本沒有刪除線
除此之外,還可以設置刪除線的顏色、寬度和形狀。下面是一些例子:
.delete { text-decoration: line-through; text-decoration-color: red; text-decoration-thickness: 3px; text-decoration-style: wavy; }
在上面的代碼中,text-decoration-color設置了刪除線的顏色為紅色,text-decoration-thickness設置了刪除線的寬度為3像素,text-decoration-style設置了刪除線的形狀為波浪線。所有這些屬性可以結合使用,來達到更好的視覺效果。
下一篇css 下拉選項卡