CSS 字體加刪除線可以讓文本中的某些字符或單詞具有刪除線,以表示被刪除或無效。在前端開發中,經常會用到這種效果。下面就來介紹一下如何使用 CSS 實現字體刪除線的效果。
p { text-decoration: line-through; }
上面這段代碼可以在 p 標簽中添加刪除線效果。其中,text-decoration 屬性設置為 line-through 表示刪除線顯示在文本的中間,而不是文本的下方。在某些情況下,您可能需要添加適當的間距,以確保刪除線與文本之間有空間。
p { text-decoration: line-through; text-decoration-color: red; text-decoration-thickness: 3px; text-decoration-style: double; }
如果您想要給字體刪除線添加更多的樣式,可以使用 text-decoration-color、text-decoration-thickness 和 text-decoration-style 屬性。這些屬性可以用于再次定義刪除線的顏色、粗細和樣式。在上面的代碼中,刪除線的顏色設置為紅色,粗細設置為 3px,樣式設置為雙劃線。
總之,通過 text-decoration 屬性,您可以輕松地為您的文本添加刪除線效果。如果您需要添加更多的樣式,可以使用 text-decoration-color、text-decoration-thickness 和 text-decoration-style 屬性。
上一篇jason 和json
下一篇css 字體10px