HTMLでハイパーリンクのフォントの色を設定するにはどうすればよいですか? HTMLでハイパーリンクの文字色を設定する方法-htmlチュートリアル-php.cn

HTMLでハイパーリンクのフォントの色を設定するにはどうすればよいですか? HTMLでハイパーリンクの文字色を設定する方法

不言

リリース： 2018-09-20 10:22:59

オリジナル

27927 人が閲覧しました

Webデザインでは、ハイパーリンクを一目で分かりやすくするために、ハイパーリンクを周囲のフォントと異なる色に設定したり、ハイパーリンクの文字の下端に横線を追加したりすることがあります。デフォルトでは、Web ページのハイパーリンクテキストはハイパーリンクテキストの色と同じ青色で、訪問したテキストの色は暗くなります。では、ハイパーリンクのフォントを別の色に設定するにはどうすればよいでしょうか?次の記事では、HTML のハイパーリンクの文字色を設定する方法を紹介します。

テキストを直接見る:

html ハイパーリンクのフォントの色を設定する方法 1:

基本構文:

: 個別に設定されていない Web ページ内のすべての要素に対して機能します。

: alink を使用して、マウスをクリックしたときのハイパーリンクの色を設定します。

: vlink を使用して、設定する訪問したハイパーリンクのテキストの色

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>设置链接文字的颜色</title>
</head>
<body link="pink" alink="blue" vlink="red">
    <a href="http://www.php.cn">php中文网</a>
</body>
</html>

ログイン後にコピー

htmlハイパーリンクのフォントの色を設定する方法 2:

CSS を使用してハイパーリンクのフォントの色を設定します。 HTML: 1 つは、HTML 内のすべてのハイパーリンクのフォントに統一したフォントの色を設定する方法で、もう 1 つは、指定されたオブジェクト内のアンカーテキストのハイパーリンクのフォントに個別の色を設定する方法です。

    <!DOCTYPE html> 
    <html> 
    <head> 
    <meta charset="utf-8" /> 
    <style> 
    a{ color:#00F} 
    a:hover{ color:#F00}/* 鼠标经过悬停字体颜色 */ 
    /* css 注释说明：以上代码为设置html中超链接统一字体颜色 */ 
    .div a{ color:#090} 
    .div a:hover{ color:#090} 
    /* css注释说明：以上代码为设置html中.div对象内超链接字体颜色 */ 
    </style> 
    </head> 
    <body> 
    <p>测试内容我是统一设置的颜色蓝色<a href="http://www.php.cn">php中文网</a></p> 
    <div class="div">我在div对象内，超链接颜色为<a href="http://www.php.cn">php中文网</a></div> 
    </body> 
    </html>

ログイン後にコピー

この記事はここで終わります。Web ページのハイパーリンクのフォントの色を設定する方法は他にもありますが、ここでは 1 つずつ紹介しません。

以上がHTMLでハイパーリンクのフォントの色を設定するにはどうすればよいですか? HTMLでハイパーリンクの文字色を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。