CSSでハイパーリンクの色を設定する方法-フロントエンドQ&A-php.cn

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

藏色散人

リリース： 2023-01-06 11:13:10

オリジナル

7392 人が閲覧しました

CSS でハイパーリンクの色を設定する方法: 1. 「a:link{color:#000000;}」を通じて未訪問のリンクの色を設定します; 2. 「a:visited {color:#00FF00」を通じて;}" " 訪問したリンクの色などを設定します。

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

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