코딩재개발 RSS 태그 관리 글쓰기 방명록
2020-12-30 13:56:57

클릭했을 때 어떠한 액션이 취해지는 요소들에는 커서를 올렸을 때 손가락 모양으로 변하게 해주는 것이 좋습니다. 그렇지 않으면 이것이 클릭 가능한 것인지 가늠하기 힘들기 때문입니다. 이것을 가능하게 하려면 css의 cursor 속성을 활용해야 합니다. 

 

css에 cursor:pointer가 있는 요소에 마우스를 올렸을 때는 커서가 손가락 모양으로 보입니다.

 

 

cursor:pointer로 꾸며주지 않은 요소는 다음과 같이 보입니다. 

 

 

코드는 아래를 참고하세요.

 

<div style="cursor:pointer">cursor:pointer로 꾸며준 요소</div>
<div>cursor:pointer로 꾸미지 않은 요소</div>

 

(이 글은 2021-5-1에 마지막으로 수정되었습니다)

* 글을 읽던 중에 궁금했던 부분은 질문해주세요.
* 칭찬, 지적, 의문, 격려, 감사표현 등을 남겨주세요.
* 최대한 답변 드리도록 노력하겠습니다.
* 욕설과 광고를 담은 댓글은 가차없이 삭제합니다.
* 티스토리 회원인데, 로그인이 풀린 경우에는 우측 상단에 있는 물음표 아이콘을 클릭해주세요.
비밀글