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

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

 

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

 

<img src="경로" style="cursor:pointer;">

링크되지 않은 이미지지만 마우스를 올렸을때 마우스 커서가 손모양으로 바뀝니다.

 

 

<table>

<tr style="cursor:pointer;">

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

</tr>

</table>

테이블 첫번째 줄에 링크가 되지않았지만 마우스를 올렸을때 마우스 커서가 손모양으로 바뀝니다.

 

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

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

 

잘 활용하시길 바래요~^-^)a