Perl Web開発者のHTML・CSS入門

hover疑似クラス - CSS入門【CSS3対応】

hover疑似クラスは、要素の上にカーソルを乗せたときのスタイルを設定するための疑似的なクラスです。aタグと組み合わせて使われます。

ホバーで光るリンク

<style>
  a:hover {
    opacity:0.8;
  }
</style>

<a href="/">ホバーで光るリンク</a>

マウスを上にのせると、光ります。