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

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

css

button {
  background-color: blue;
}

button:hover {
  background-color: red;
}

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