[HTML/CSS] div에 마우스 오버시 손가락 아이콘 나타내기

 

<div />에 마우스를 가져갔을 때,

클릭 할 수 있음을 나타내는 손가락 아이콘을 보여주는 방법입니다.

 

 

cursor : pointer

<div class='my-div'>

</div>

.my-div {
  width : 200px;
  height : 200px;
  background-color : blue;
  cursor : pointer;
}

 

cursor: pointer;

div의 css에

cursor 속성값을 poinster로 지정하였습니다.

div 안으로 마우스 포인터를 가져가면,

마우스 포인터가 손가락 모양으로 변경되는 것을 확인 할 수 있습니다.