すべてのWebブラウザには、 Webデザイナがそれらを設定しないとリンクに使用するデフォルトの色があります。 彼らです:
- デフォルトのリンクカラーです。
- アクティブリンクの色(マウスをクリックしてリンク上に保持したとき)。
- フォローされたリンクの色(リンクが以前クリックされたとき)。
さらに、ほとんどのWebブラウザはデフォルトでこれを変更しませんが、ホバー色を定義することもできます。マウスの上にマウスを置いたときの色です。
CSSを使用してリンクの色を変更する
これらの色を変更するには、 CSSを使用します(廃止予定のHTML属性もありますが、廃止予定のものは使用しないことをお勧めします)。 リンクの色を変更する最も簡単な方法は、タグをスタイルすることです。
a {color:black; }このCSSを使用すると、リンクの一部 (アクティブ、フォロー、およびホバー)が黒に変わるブラウザや、デフォルトの色のみが変更されるブラウザがあります。
CSS擬似クラスを使用してリンクのすべての部分を変更する
擬似クラスは、 クラス名の前にコロン(:)を付けてCSSで表現されます。 リンクに影響する疑似クラスは4つあります。
デフォルトのリンクカラーを変更するには:
a:リンク{色:赤; }アクティブな色を変更するには:
a:アクティブ{色:青; }フォローリンクの色を変更するには:
a:訪問した{色:紫; }マウスの色を変更するには:
a:ホバー{色:緑; }