aタグにホバー時のスタイルを追加する方法
a要素でホバー時のスタイルを追加するには、CSSの :hover 疑似クラスを使うことができます。一般的な方法は次のとおりです。
- CSSスタイルシートでaタグのセレクタを見つける、例:a{}
- セレクタに:hover疑似クラスを追加する(例:a:hover {})
- マウスのポインタが要素の上に置かれた時に適用するスタイルを:hover擬似クラスで定義します。例えば、a:hover { color: red; }
aタグにマウスが重なったとき、文字が赤色に変化する。
必要に応じで、背景色やフォントサイズなどを変更するといった、他のスタイルプロパティを :hover 疑似クラスに追加することもできます。