【CSS】マウスを当てると色が変わる実装

現在プログラミングスクールに通い

７０日間でWEBエンジニアになれるよう勉強中です！

本日はCCSでマウスを当てると

要素の色が変わる実装についてアウトプットします！

◆ポイント

マウスを当てると処理を実行するには

「:hover」を使用します！！

処理を実行したい要素のクラス名に

：hoverを付ければOKです！！

例）クラス名が「sample」の要素の場合

.sample:hover{

マウスを当てた後に実行したい処理を記述

}

後はお好みの背景色を指定すれば

マウスを当てると指定した背景色に変わります！