반응 선택자

active : 마우스로 클릭하고 있는 상태

hover : 마우스를 올리고 있는 상태

 

.hover_btn:hover{
    background: #fff;
  }

 

<button class="hover_btn" type="button" name="button">마우스 올렸을 때</button>

 

마우스 hover

 

 

.active_btn:active{
    background: blue;
    color: #fff;
  }

 

<button class="active_btn" type="button" name="button">마우스로 누르고 있을 때</button>

마우스 active