본문 바로가기
웹퍼블리싱/css

[css] 마우스 커서 모양 바꾸기

by developsigner 2018. 8. 7.

<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




출처!!!! http://www.homejjang.com/09/cursor.php

감사합니다

반응형

'웹퍼블리싱 > css' 카테고리의 다른 글

css 무한애니메이션  (0) 2019.02.22
blink css  (0) 2018.10.22
[CSS] select 박스 디자인  (0) 2018.10.17
[css] checkbox 디자인 바꾸기  (4) 2018.08.09
[css]넘치는 텍스트 ... 처리하기 ellipsis  (0) 2018.06.27

댓글