CSS のリンクは、CSS リンクを指します。リンクごとに異なるスタイルを持つことができ、リンク スタイルでは任意の CSS 属性を使用できます。リンクの状態には 4 つあります。1. "a:link" ;2. "a:link" ;2. "a:訪問済み"; 3. "a:ホバー"; 4. "a:アクティブ"。
このチュートリアルの動作環境: 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:visiteda: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 サイトの他の関連記事を参照してください。