【CSS】マウスを乗せたら色が変わるようにしたい

html css プログラミング

:hoverという疑似クラスを使います。

css

button {
  background-color: blue;
}

button:hover {
  background-color: red;
}

マウスが乗ったときだけbackground-colorredに変わります。色だけでなく、文字サイズや透明度など他のプロパティも同じように変えられます。

コメント

タイトルとURLをコピーしました