CSS3を使用して赤いテキストに黒い下線を作成する方法

テキストの色に影響を与えずに下線の色を変更する

提供されたコード スニペットでは、HTML タグを使用して下線付きのテキストを作成しました。テキスト自体は赤ですが、下線の色を黒に分離しようとします。この課題に対する CSS3 ソリューションを検討してみましょう。

text-decoration-color の導入

CSS3 では text-decoration-color プロパティが導入され、ジレンマが解決されました。このプロパティを使用すると、テキスト自体に影響を与えることなく、テキストの装飾 (下線など) の色を操作できます。

赤いテキストで黒い下線を作成する

目的目的の出力を行うには、次の CSS プロパティを実装します。

この CSS を HTML 要素に適用します。

その結果、テキストは赤のままですが、下線は黒になり、追加のラッパーに頼ることなく望ましい効果が得られます。

以上がCSS3を使用して赤いテキストに黒い下線を作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。