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
HANASOLUTION
SERVER LOCATION
서울시 서초구 서초동 1710-1 SK 브로드밴드 IDC 1층
WORKING HOURS
NAME SERVER
1 | ns1.webit.kr |
211.215.17.210 |
2 | ns1.webit.kr |
211.215.17.212 |