CSS中的刪除線(text-decoration: line-through)是一種常見的文字樣式,可用于顯示已經過時或不再有效的文本。
要使用刪除線,只需在CSS中為所需的文本元素添加如下樣式:
p { text-decoration: line-through; }
上述代碼將為所有段落元素添加刪除線樣式。如果只需要為特定段落添加刪除線,可以使用類或ID選擇器:
.old { text-decoration: line-through; } #expired { text-decoration: line-through; }
使用類選擇器,可以將刪除線應用于多個文本元素。使用ID選擇器,則只能應用于一個元素。
需要注意的是,刪除線并不支持單獨對文本中的某一部分添加。如果需要對文本中的某一部分添加刪除線,可以使用標簽,如下所示:
<p>這段文本中,<span style="text-decoration: line-through;">這個詞</span>將會被刪除。</p>
通過將需要添加刪除線的文本用標簽包裹,再在標簽上添加刪除線樣式,就可實現對特定部分的刪除線效果。
刪除線還有其他一些屬性,例如刪除線顏色和刪除線樣式。可以使用text-decoration-color和text-decoration-style屬性來設置。
p { text-decoration: line-through; text-decoration-color: red; text-decoration-style: dotted; }
上述代碼將為所有段落元素添加紅色、虛線刪除線樣式。
下一篇css文字生長動畫