CSS刪除線樣式的實(shí)現(xiàn)方法
在CSS中,我們可以使用text-decoration屬性來添加刪除線到文本中,具體實(shí)現(xiàn)方式如下:
1、使用text-decoration屬性,并設(shè)置其值為line-through,可以添加一條貫穿文本的刪除線。
p { text-decoration: line-through; }
2、如果想要改變刪除線的顏色,可以使用color屬性。
p { text-decoration: line-through; color: red; }
3、如果想要改變刪除線的樣式,可以使用text-decoration-style屬性。
p { text-decoration: double; }
4、如果想要改變刪除線的位置,可以使用text-decoration-line屬性。
p { text-decoration: underline; }
需要注意的是,text-decoration屬性的值可以組合使用,text-decoration: underline line-through;表示同時(shí)添加下劃線和刪除線,如果同時(shí)使用了color和text-decoration-style屬性,那么color屬性的值會(huì)被忽略,在需要改變刪除線顏色的情況下,應(yīng)該單獨(dú)設(shè)置color屬性。