リンクは、あるページを他の Web ページに接続するために使用されます。同じものへのリンク 色 テキストの残りの部分は気づきにくいためです。 CSS の color プロパティは、リンクの色の変更に使用されます。
CSS を使用すると、さまざまな方法でリンクのスタイルを設定できます。次のようなハイパーリンクの状態をいくつか設定できます。
| a:アクティブ | アクティブな要素にスタイルを追加するために使用されます。 |
| a：ホバー | ユーザーがマウス ポインターを要素上に移動すると、要素に特殊効果が追加されます。 |
| リンク | 未訪問のリンクにスタイルを追加します。 |
| a:訪問しました | 訪問済みのリンクにスタイルを追加します。 |
なお、CSS定義では、 a：ホバー 後に来なければなりません リンク そして a:訪問しました そしてまた a:アクティブ の後に来る必要があります a：ホバー 効果的になるために。
ハイパーリンクの状態を宣言する順序は次のようになります。
a:link {color: lightblue;} a:visited {color: #060235} a:hover {color: #FCFC0C} a:active {color: #C0F0FC} リンクの色を変更するには、 色 CSSのプロパティ。色の名前は、色名、rgb() 値、または HEX 値などの有効な形式で指定できます。
次に、いくつかの例を使用してリンクの色を設定する方法を見てみましょう。
例
デフォルトでは、通常のリンクまたは未訪問のリンクの色は青です。この例では、 色 財産。
a{ color: brown; } <p> The text <b>javaTpoint.com</b> in the above line is the hyperlink. </p> 今すぐテストしてください 出力
プログラムが実行されると、次の画面が表示されます。
シェルソート
マウスを移動すると、リンクは次のように表示されます。
リンクがアクティブ状態の場合、以下に示すように、リンクの色は赤になります。
