取り消し線を引く

text-decorationプロパティは、テキストに対する線の表示を指定します。
text-decoration: noneで、リンク表示のデフォルトの下線を消すスタイルを前回紹介しました。
今回は打消し線を表示させます。使うのはtext-decoration: line-through;です。

HTML

<p class="sample1">打ち消し線が付きます。</p>

 
 
CSS

p.sample1 {text-decoration: line-through;}

表示

打ち消し線が付きます。

 
 
募集の終了、プライスダウンの表示などに使ってみては?
 
 

定員:20名 定員になりました。ありがとうございました。

3000円 2000円