delの打ち消し線をCSSで斜線にする方法

スポンサーリンク

※本サイトにはプロモーションが含まれています

例えばECサイトなどで割引の表示をするときに
元の価格に打ち消し線を引くことがあります。

HTML5では、打ち消しのタグはdelが推奨されています。
delはデフォルトCSSで

が設定されており、

標準価格
2,980円

このような打ち消し線が表示されます。

これをもうちょっといい感じにしてみます。

すると

標準価格
2,980円

赤い斜線が引かれ、視覚的にぐっとわかりやすくなります。
数値は適宜調整してください。

コメント

タイトルとURLをコピーしました