커서 손모양 넣기 (cursor:pointer;)

 

 

 

a 태그 등을 넣었을때는 링크가 걸려있기 때문에 자동으로 커서가 손모양으로 바뀝니다.

그런데 간혹 onclick으로 액션을 걸어주거나 할때는 커서 모양이 바뀌지 않아서 유저에게 혼란을 줄 수 있는데요!

 

이럴때 간편하게 커서모양을 바꾸는 방법이 있어서 소개해 드리려고 합니다.

 

 

 

<img src="경로" style="cursor:pointer;">
/*링크되지 않은 이미지지만 마우스를 올렸을때 마우스 커서가 손모양으로 바뀝니다.*/

 

위 예제를 보시면 쉽게 이해될거에요.

바로 스타일에 cursor:pointer; 을 넣어주시는 겁니다.