:hover

• 마우스를 올렸을 때 변화를 주는 것.

코드 예시

• html 코드

<div></div>

• css 코드

/* 그냥 div */
div {
  width:100px;
  height:100px;
  background-color:red;
}

/* 마우스 올림을 받은 div */
div:hover {
  background-color:blue;
}

출력 결과