css 마우스 커서 모양 바꾸기

css cursor 속성을 이용하면 마우스를 올렸을 때 모양을 변경할 수 있습니다.

다음 내용에 마우스를 올려 보세요!

 

default 기본 커서

 

help 도움말 커서

 

pointer 링크를 나타내는 커서

 

progress 백그라운드에서 작업중이지만 클릭할 수 있는 상태

 

wait 작업중 커서, 클릭 불가

 

not-allowed 상호작용 불가

 

all-scroll 모든방향 이동가능

 

소스코드 >>

cursor: default;
cursor: default;
cursor: help;
cursor: pointer;
cursor: progress;
cursor: wait;
cursor: not-allowed;
cursor: all-scroll;

 

자주 사용하는 속성들을 모아봤습니다. 더 많은 내용을 보고 싶다면 아래 링크를 참고해주세요.

developer.mozilla.org/ko/docs/Web/CSS/cursor

cursor