ホームページ > 記事 > ウェブフロントエンド > CSSでハイパーリンクの色を変更する方法
CSSでハイパーリンクの色を変更する方法
- 藏色散人オリジナル
- 2021-04-13 09:48:089563ブラウズ
CSS でハイパーリンクの色を変更する方法: 1. 「a:link」でハイパーリンクの色を変更します; 2. 「a:visited」で色を変更します; 3. 「a:hover」で色を変更します" 設定; 4. "a:active" を通じて色を変更します。
この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。
ハイパーリンクの色を変更する css:
ハイパーリンクの a タグについては誰もがよく知っているはずですが、この記事では主に a タグの基本的な CSS スタイル設定について説明します。 CSSを使用してハイパーリンクの色を変更する方法を見てみましょう。
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="#">PHP中文网</a>
</body>
</html>[推奨学習: css ビデオ チュートリアル ]
以上がCSSでハイパーリンクの色を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。