CSS刪除線是一種在文本中劃一條刪除線的樣式效果,通常在產(chǎn)品促銷或特價商品的價格上使用。如果需要從文本中刪除某些信息或指出一些已過時的內(nèi)容,也可以使用CSS刪除線。如果您想在CSS中添加刪除線,可以使用text-decoration: line-through;
屬性。
下面是一個CSS刪除線的示例:
.price { text-decoration: line-through; color: gray; }
在上面的例子中,我們創(chuàng)建了一個名稱為price
的CSS類,然后使用text-decoration: line-through;
屬性來劃一條刪除線,color: gray;
屬性將刪除的文本顏色設(shè)置為灰色。
刪除線不僅可以應(yīng)用于單詞和短語,也可以應(yīng)用于整個段落。下面是一個示例:
.deleted { text-decoration: line-through; }
在上面的代碼中,使用名稱為deleted
的類來實現(xiàn)刪除線樣式效果。只需要將該類應(yīng)用于要添加刪除線的段落即可。
在許多情況下,您可能需要通過JavaScript來動態(tài)添加和刪除刪除線樣式。下面是一個JavaScript代碼的示例:
var price = document.querySelector('.price'); price.style.textDecoration = 'line-through'; price.style.color = 'gray';
上面的代碼首先選擇了class為price
的元素,然后通過JavaScript代碼添加刪除線效果。
總結(jié)來說,CSS刪除線是一種流行的樣式效果,可以與產(chǎn)品促銷或特價商品的價格一起使用。要在CSS中創(chuàng)建刪除線,請使用text-decoration: line-through;
屬性。如果需要動態(tài)添加或刪除刪除線,請使用JavaScript代碼。