當我們需要在文字上加橫線表示刪除時,可以使用CSS樣式實現(xiàn),常用的方法是給文字添加刪除線。本文章將向大家介紹如何實現(xiàn)CSS刪除線。
/* 給文字添加刪除線 */ del { text-decoration: line-through; }
上面的代碼中,我們使用了CSS選擇器del
來選擇需要添加刪除線的文字,然后使用text-decoration
屬性來設(shè)置文字的裝飾線,將line-through
賦值給text-decoration
,表示給文字添加一條中線,即刪除線。
除了del
元素,我們還可以給其他元素,如p
、a
等添加刪除線。下面的代碼給所有p
元素添加刪除線:
/* 給p元素添加刪除線 */ p { text-decoration: line-through; }
當然,如果我們只需要給部分文字添加刪除線,可以使用span
元素或CSS選擇器。下面的代碼給文本中“刪除”兩個字添加刪除線:
/* 給文本中的"刪除"兩個字添加刪除線 */ span.delete { text-decoration: line-through; }
在上面的代碼中,我們使用了CSS選擇器span.delete
來選擇需要添加刪除線的文字,其中delete
是自定義的類名,表示需要添加刪除線的文字具有這個類名。對于HTML代碼,我們需要將需要添加刪除線的文字用span
元素包裹,并添加class="delete"
屬性。
CSS刪除線還有其他的一些屬性,如下劃線、波浪線等,如需了解更多請參考MDN文檔。
上一篇css把圖片顏色去掉
下一篇css樣式之前加什么