CSS字加刪除線可以用于強調一些內容,比如價格、促銷等。在CSS中,我們可以使用text-decoration屬性來實現刪除線效果。
.strike{ text-decoration: line-through; }
上面的代碼定義了一個類名叫做strike,它會給文字添加刪除線。接下來的HTML代碼使用剛剛定義的類名來實現刪除線效果。
<p>原價:¥100</p> <p class="strike">現價:¥80</p>
上面的代碼會顯示原價和現價,現價會有一條刪除線,突出原價和現價之間的價格差距。
除了使用類名來實現刪除線效果外,我們還可以直接在CSS中為所有的段落添加刪除線:
p{ text-decoration: line-through; }
上面的代碼會給頁面中所有的段落添加刪除線,這種做法適用于頁面布局中需要使用刪除線的文字比較多的情況。
總而言之,使用CSS字加刪除線可以讓某些文字或者內容更加突出,同時也可以在一些特殊的場合下使用。