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

CSS でハイパーリンクの色を変更する方法: 疑似クラスを使用し、[a:link{color:#000000}] などの color 属性と組み合わせることができます。これは、ハイパーリンクの色を設定することを意味します。アクセスされていないときのハイパーリンク。

#この記事の動作環境: Windows10 システム、css 3、thinkpad t480 コンピューター。

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

(学習ビデオ共有：

css ビデオ チュートリアル ）

コード例は次のとおりです:

関連する推奨事項:

CSS チュートリアル

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