퍼블리싱/html css js

[css] 커서(cursor)부분 작업하기 ( 커서 모양 )

임고미 2020. 10. 2. 20:10
728x90
300x250

커서모양 바꾸기

  작업을 하다보면 a(anker)태그를 사용하지 않고 커서모양을 화살표에서 손가락 모양으로 바꿔야 할 때가 있다.
이때, css 속성 cursor을 이용해서 간단하게 작업이 가능하다.

//기본값(default) : auto;

cursor: auto;

 

//손가락 모양 : pointer; ( hand는 ie에서만 지원하는 비표준이므로 pointer으로 작업해줍니다. )

cursor: pointer;



이 외의 다양한 모양은 아래의 태그에서 확인 할 수 있다.

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

 

cursor

CSS cursor 속성은 요소 위에 마우스 커서가 올라갔을 때 보여줄 모양을 지정합니다.

developer.mozilla.org

 

같이 보면 좋은 내용: html a태그를 이용해 커서모양 만들면서, href 사용하지 않기

 

728x90
300x250