CSS中有一個(gè)屬性是text-decoration,可以用來在文字上添加下劃線或刪除線。在刪除線的樣式中,我們可以設(shè)置刪除線的顏色。
.delete-line { text-decoration: line-through; color: #000000; text-decoration-color: #FF0000; }
在上面的代碼中,我們使用了text-decoration:line-through將文本添加了刪除線,然后使用color屬性設(shè)置了刪除線的顏色為黑色。但是,我們可以使用text-decoration-color屬性來單獨(dú)設(shè)置刪除線的顏色,這樣就可以讓刪除線與文本顏色不同。
在text-decoration-color屬性中,我們可以指定刪除線的顏色為一個(gè)顏色值,可以是關(guān)鍵字、十六進(jìn)制值或者rgb/rgba值。
.delete-line { text-decoration: line-through; text-decoration-color: blue; }
在上面的代碼中,我們將刪除線的顏色指定為藍(lán)色。
使用CSS刪除線顏色樣式,可以讓我們?cè)谠O(shè)計(jì)網(wǎng)站的時(shí)候更加靈活方便地搭配不同的顏色。
下一篇css判斷最后