CSS刪除線設置指南
在CSS中設置刪除線,你可以使用text-decoration
屬性來實現,這個屬性允許你在文本上添加下劃線、上劃線、刪除線等裝飾效果,下面是一些關于如何在CSS中設置刪除線的示例代碼:
1、設置整個文本的刪除線:
p { text-decoration: line-through; }
2、設置部分文本的刪除線:
p { text-decoration: line-through; } p > span { text-decoration: none; }
3、設置不同樣式的刪除線:
p { text-decoration: double line-through; /* 雙線刪除線 */ }
4、設置刪除線的顏色:
p { text-decoration-color: red; /* 刪除線顏色為紅色 */ }
5、設置刪除線的角度:
p { text-decoration-angle: 45deg; /* 刪除線角度為45度 */ }
text-decoration
屬性的值可以根據你的需求進行調整,以實現不同的刪除線效果,你也可以結合其他CSS屬性來進一步定制文本的外觀和樣式,希望這些示例能幫助你在CSS中設置出漂亮的刪除線。
版權聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉載時請以鏈接形式注明文章出處。