CSS におけるリンクとは何ですか?

藏色散人
リリース: 2020-11-30 11:16:08
オリジナル
8971 人が閲覧しました

CSS のリンクは、CSS リンクを指します。リンクごとに異なるスタイルを持つことができ、リンク スタイルでは任意の CSS 属性を使用できます。リンクの状態には 4 つあります。1. "a:link" ;2. "a:link" ;2. "a:訪問済み"; 3. "a:ホバー"; 4. "a:アクティブ"。

CSS におけるリンクとは何ですか?

このチュートリアルの動作環境: Windows 10 システム、CSS3、この記事はすべてのブランドのコンピューターに適用されます。

CSS リンク

リンクごとに異なるスタイルを指定できます。

リンク スタイル

リンク スタイルでは、任意の CSS プロパティ (色、フォント、背景など) を使用できます。

特別なリンクは、ステータスに応じて異なるスタイルを持つことができます。

4 つのリンク ステータスは次のとおりです。

a:link - 通常の未訪問のリンク

a:visited - ユーザーが訪問したリンク

a: hover - ユーザーがリンク上にマウスを置いたとき

a:active - リンクがクリックされた瞬間

a:link {color:#000000;}      /* 未访问链接*/
a:visited {color:#00FF00;}  /* 已访问链接 */
a:hover {color:#FF00FF;}  /* 鼠标移动到链接上 */
a:active {color:#0000FF;}  /* 鼠标点击时 */
ログイン後にコピー

複数のリンクに設定した場合 いくつかの順序もありますステータス スタイルのルール:

#a:hover は a:link および a:visited

a:active は a:hover

## の後に続く必要があります #一般的なリンク スタイル

上記のリンクの色の変化の例を基に、どのような状態になっているかを確認してください。

他の一般的な方法によるリンクのスタイル設定に移りましょう:

Text-decoration

text-decoration 属性は主にリンクから下線を削除するために使用されます:

Example

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}
ログイン後にコピー

Background Color

background color 属性はリンクの背景色を指定します:

Example

a:link {background-color:#B2FF99;}
a:visited {background-color:#FFFF85;}
a:hover {background-color:#FF704D;}
a:active {background-color:#FF704D;}
ログイン後にコピー

以上がCSS におけるリンクとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート