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

ホームページ

ウェブフロントエンド

htmlチュートリアル

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

不言

Sep 20, 2018 am 10:22 AM

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

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

ホットトピック

Gmailメールのログイン入り口はどこですか？

7675

CakePHP チュートリアル

1393

C# チュートリアル

1207

Steamのアカウント名の形式は何ですか

Win11 Activation Key Permanent

Related knowledge

HTMLは初心者のために簡単に学ぶことができますか？ Apr 07, 2025 am 12:11 AM

HTMLは、簡単に学習しやすく、結果をすばやく見ることができるため、初心者に適しています。 1）HTMLの学習曲線はスムーズで簡単に開始できます。 2）基本タグをマスターして、Webページの作成を開始します。 3）柔軟性が高く、CSSおよびJavaScriptと組み合わせて使用できます。 4）豊富な学習リソースと最新のツールは、学習プロセスをサポートしています。

HTML、CSS、およびJavaScriptの役割：コアの責任 Apr 08, 2025 pm 07:05 PM

HTMLはWeb構造を定義し、CSSはスタイルとレイアウトを担当し、JavaScriptは動的な相互作用を提供します。 3人はWeb開発で職務を遂行し、共同でカラフルなWebサイトを構築します。

HTMLでの開始タグの例は何ですか？ Apr 06, 2025 am 12:04 AM

Anexampleapalofastartingtaginhtmlis、それはaperginsaparagraph.startingtagsaresentionentientiontheyinitiateelements、definetheirtypes、およびarecrucialforurturingwebpagesandcontingthomedomを構築します。