css 마우스 올려둘 때 색상 변환, 클릭시 색상 변환

.background:active {

  background-color: rgb(32, 41, 124);

}

이런식으로 active를 설정하면, 클릭했을 때 색상이 변하게 된다.

 

.background:hover {

  background-color: rgb(32, 41, 124);

}

:hover를 덧붙일 경우, 마우스를 위에 올려뒀을 때 변화를 적용시킬 수 있다.