【CSS】hover

hover

マウスのポインタを要素の上に置いたときに実行される
CSSの書き方は セレクタ:hover とする

例.html

    <p>ここにカーソルのせてね♪</p>

例.css

p:hover {
  background-color: red;
}

このように設定して ここにカーソルのせてね♪ の文字の上にマウスのカーソルを乗せると・・・

↓

背景色が赤になりました