テキストの下の下線の色を変更するにはどうすればよいですか?

テキストの下線の色の変更

テキストの下の下線の色の変更は、特定の CSS プロパティを使用して実現できます。

オプション 1: text-decoration-color (最新のブラウザ)

text-decoration-color プロパティをサポートする最新のブラウザの場合、次のように色を直接設定できます。

<code class="css">text-decoration-color: green;</code>

オプション 2: 古いブラウザ用のボーダーボトム

text-decoration-color プロパティがサポートされていない場合は、下部にボーダーを使用する回避策を使用できます。テキストの端:

<code class="css">a:link {
  color: red;
  text-decoration: none;
  border-bottom: 1px solid blue;
}

a:hover {
  border-bottom-color: green;
}</code>

このメソッドを使用すると、テキストの下に色付きの線を作成し、下線の効果をシミュレートできます。

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