テキストの下線の色を変更できますか?

テキストの下線の色をカスタマイズする

Q: テキストの下に描かれた線の色を変更することはできますか?

A: はい、CSS を使用して下線の色を簡単に変更できるようになりました。

最新のブラウザの場合 (text-decoration-color サポート):

下線を指定するには色を指定するには、次のルールを使用します:

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

たとえば、青い下線が付いた赤いテキストを作成するには、コードは次のようになります:

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

古いブラウザの場合 (border) -bottom メソッド):

ブラウザが 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 サイトの他の関連記事を参照してください。