ホームページ >ウェブフロントエンド >フロントエンドQ&A >HTMLでリンクの色が変わらないようにする方法

HTMLでリンクの色が変わらないようにする方法

青灯夜游
青灯夜游オリジナル
2021-05-17 15:15:265810ブラウズ

htmlリンクの色が変わらないようにする方法: 未訪問のリンクと訪問済みのリンクをそれぞれ設定するには、「:link」、「:visited」、「:hover」、および「:active」疑似クラスを使用します。マウスがリンク上にある場合、選択したリンクの 4 つのリンク状態のリンク色が同じになることがあります。

HTMLでリンクの色が変わらないようにする方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

リンクの色が変わらないように、リンク スタイルの疑似クラスを設定することで、さまざまな状況でのリンクの色を同じ色に設定できます。 :link、:visited、:hover、:active などのいくつかの疑似クラスを使用して、リンク スタイルを設定できます。

リンクの色が変わらないようにリンクの色を設定する疑似クラス:

a:link {color: #0000FF}     /* 未访问的链接 */
a:visited {color: #0000FF}  /* 已访问的链接 */
a:hover {color: #0000FF}    /* 当有鼠标悬停在链接上 */
a:active {color: #0000FF}   /* 被选择的链接 */

説明:

  • :link 擬似クラスは、未訪問のリンクに特別なスタイルを追加します。

  • : 訪問済みセレクターは、訪問済みのリンクを選択するために使用されます。

  • :ホバー セレクターは、マウス ポインターが浮いている要素を選択するために使用されます。

  • :アクティブ セレクターは、アクティブなリンクを選択するために使用されます。

(学習ビデオ共有: css ビデオ チュートリアル 、「html ビデオ チュートリアル 」)

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事:CSS での型の意味次の記事:CSS での型の意味