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

CSS では、疑似クラスを使用してハイパーリンクのスタイルを設定できます。たとえば、未訪問のハイパーリンクのスタイルを設定したい場合、コードは [a:link {color: #FF0000;} ]、訪問したハイパーリンクのスタイルを設定します。リンク スタイル、[a:visited {color: #00FF00;}] などのコード。

• マウスが要素上にあるときのスタイルを設定します。

• 訪問済みです 未訪問のリンクから異なるスタイルを設定します

#要素がフォーカスを取得したときにスタイルを設定します
#構文:

selector:pseudo-class { property: value; }

/* 未访问的链接 */ a:link { color: #FF0000; } /* 已访问的链接 */ a:visited { color: #00FF00; } /* 鼠标悬停链接 */ a:hover { color: #FF00FF; } /* 已选择的链接 */ a:active { color: #0000FF; }

注: a:hover を有効にするには、CSS 定義の a:link および a:visited の後になければなりません。 a:active を有効にするには、CSS 定義の a:hover の後になければなりません。疑似クラス名は大文字と小文字を区別しません。

関連ビデオ共有:

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