7. 마우스 커서

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