예시 설명
자 우리가 코딩을 하다 보면 특정 div이나 button에 마우스를 올렸을 때 마우스 클릭 모양으로 바꾸고 싶을 때가 있다.
(id 또는 class):hover {
cursor: pointer;
}
자 일단 css코드에서 위와 같이 작성해 보자.
자 이렇게 작성하면 해당 물체에 마우스가 hover(올라감) 상태가 된다면 마우스 모양이 포인터 상태가 되도록 만들어주는 코드이다.
코드 템플릿
(id 또는 class):hover {
cursor: (속성 입력)
}자 어떤 cursor속성이든 위 템플릿을 따라 주기만 한다면 다양한 시도를 해 볼 수 있다.
시도
https://developer.mozilla.org/ko/docs/Web/CSS/cursor
cursor - CSS: Cascading Style Sheets | MDN
CSS cursor 속성은 요소 위에 마우스 커서가 올라갔을 때 보여줄 모양을 지정합니다.
developer.mozilla.org
CSS cursor 속성은 요소 위에 마우스 커서가 올라갔을 때 보여줄 모양을 지정합니다.
developer.mozilla.org](https://developer.mozilla.org/ko/docs/Web/CSS/cursor)
자 위 url로 가서 다양한 속성을 직접 볼 수 있다.
조금만 스크롤해 찾아보면
이런 화면을 찾을 수 있는데 여기서 원하는 속성을 찾고 위에 있는 코드 템플릿을 통해 직접 만들어 볼 수 있다.
