ホームページ > 記事 > ウェブフロントエンド > CSSでハイパーリンクの色を設定する方法
CSSでハイパーリンクの色を設定する方法
- 藏色散人オリジナル
- 2021-05-14 10:50:437382ブラウズ
CSS でハイパーリンクの色を設定する方法: 1. 「a:link{color:#000000;}」を通じて未訪問のリンクの色を設定します; 2. 「a:visited {color:#00FF00」を通じて;}" " 訪問したリンクの色などを設定します。
この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター
css は次の疑似クラスを使用して設定できます。ハイパーリンク:
a:link: これは未訪問のスタイルです。下線の削除、色の変更など、さまざまなことを追加できます。;
a:visited: はいスタイルをクリックした後、スタイルに多くの要素を追加することもでき、下線の削除、色の変更、ズームインなどの機能を実行できます;
a:hover: これはマウス ホバー スタイルです。これについては後で例を示します。最初に理解しましょう。ハイパーリンクの位置にマウスを置いたときに色が変わるように設定できます。
a:active: これは次のように言われています。アクティブ化されたスタイル。簡単に言うと、マウスをクリックすると、多くの Web サイトで見られるスタイルがすぐに表示されます。
次のスタイルを使用してハイパーリンクの色を変更します:
a:link{color:#000000;} /* 未访问链接*/
a:visited {color:#00FF00;} /* 已访问链接 */
a:hover {color:#FF00FF;} /* 鼠标移动到链接上 */
a:active {color:#0000FF;} /* 鼠标点击时 */例:
<html>
<head>
<style type="text/css">
a:link {color:#000000;} /* 未访问链接*/
a:visited {color:#00FF00;} /* 已访问链接 */
a:hover {color:#FF00FF;} /* 鼠标移动到链接上 */
a:active {color:#0000FF;} /* 鼠标点击时 */
</style>
<title>test css</title>
</head>
<body>
<a href="#">HTML中文网</a>
</body> 推奨学習: 「css ビデオ チュートリアル 」
以上がCSSでハイパーリンクの色を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：CSSでのマージンとは何ですか?次の記事：CSSでのマージンとは何ですか?