cursor 프로퍼티를 이용하면, 태그 위에 출력되는 마우스 커서의 모양을 제어할 수 있다.
많은 value가 있지만 많이 이용하는 커서로 예시를 쓰면,
<h3>마우스 커서</h3>
<p style="cursor: crosshair;">마우스커서</p>
<p style="cursor: help;">마우스커서</p>
<p style="cursor: pointer;">마우스커서</p>
<p style="cursor: progress;">마우스커서</p>
<p style="cursor: n-resize;">마우스커서</p>
마우스 커서가 태그 위에 올리는 순간 변할 것이다.
크기 조절(resize) 커서는 resize 앞에 붙은 알파벳에 의해 방향이 바뀌는데, e w s n은 각각 동서남북을 뜻한다
ex) 남서로 이동하는 크기조절 커서 만들기 => cursor: ws-resize
반응형
'HTML+CSS+Javascript > CSS3' 카테고리의 다른 글
[CSS3] div 사이에 공백 제거하기 (0) | 2021.07.06 |
---|---|
6. 시각적 스타일 (0) | 2020.03.09 |
5. 배경 (0) | 2020.03.09 |
4. 박스 스타일 (0) | 2020.03.09 |
3. 색과 텍스트 꾸미기 (0) | 2020.03.09 |