CSSでハイパーリンクの色を変更する方法

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;} /* 鼠标点击时 */

例:

    
  PHP中文网  

[推奨学習:css ビデオ チュートリアル]

以上がCSSでハイパーリンクの色を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。