aタグにホバー時のスタイルを追加する方法

a要素でホバー時のスタイルを追加するには、CSSの :hover 疑似クラスを使うことができます。一般的な方法は次のとおりです。

  1. CSSスタイルシートでaタグのセレクタを見つける、例:a{}
  2. セレクタに:hover疑似クラスを追加する(例:a:hover {})
  3. マウスのポインタが要素の上に置かれた時に適用するスタイルを:hover擬似クラスで定義します。例えば、a:hover { color: red; }

aタグにマウスが重なったとき、文字が赤色に変化する。

必要に応じで、背景色やフォントサイズなどを変更するといった、他のスタイルプロパティを :hover 疑似クラスに追加することもできます。

bannerAds