css를 이용한 마우스 커서 모양 설정

css를 이용하여 원하는 영역에 마우스를 올렸을 때 마우스 커서의 모양을 설정할 수 있다. <p style="cursor:auto">Auto</p> <p style="cursor:crosshair">Crosshair</p> <p style="cursor:default">Default</p> <p style="cursor:pointer">Pointer</p> <p style="cursor:move">Move</p> <p style="cursor:e-resize">e-resize</p> <p style="cursor:ne-resize">ne-resize</p> <p style="cursor:nw-resize">nw-resize</p> <p style="cursor:n-resize">n-resize</p> <p style="cursor:se-resize">se-resize</p> <p style="cursor:sw-resize">sw-resize</p> <p style="cursor:s-resize">s-resize</p> <p style="cursor:w-resize">w-resize</p> <p style="cursor:text">text</p> <p style="cursor:wait">wait</p> <p style="cursor:help">help</p> 예시)

• Auto
• Crosshair
• Default
• Pointer
• Move
• e-resize
• ne-resize
• nw-resize
• n-resize
• se-resize
• sw-resize
• s-resize
• w-resize
• text
• wait
• help