HTML の取り消し線の色を変更するにはどうすればよいですか?

テキストとは異なる取り消し線の色付け

、、 HTML 要素はすべて、テキストに印象的な効果を生み出すことができます。ただし、取り消し線はテキストと同じ色を共有することがよくあります。

CSS を使用して取り消し線の色を変更する

幸いなことに、CSS を利用して取り消し線の色を変更できます。方法は次のとおりです:

1. 追加要素でテキストを囲みます: 取り消し線の色とテキストの色を分ける追加の囲み要素を作成します。
2. 外側の要素に取り消し線の色を割り当てます: text-decoration プロパティを使用して、外側の要素に希望の取り消し線の色を設定します。
3. 内側の要素にテキストの色を割り当てます: 内外側の要素を配置し、内側の要素を配置し、それに目的のテキストの色を割り当てます。

例

次のコードを考えてみましょう。

<span></span>

このコードは、 「黒に赤の取り消し線」を表示し、テキストを黒、取り消し線を赤で表示します。外側の 要素は取り消し線の色を設定し、内側の 要素は取り消し線の色を設定します。要素はテキストの色を設定します。

以上がHTML の取り消し線の色を変更するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。