'커서 CSS' 태그의 글 목록

'커서 CSS'에 해당되는 글 1건

2008.03.09 【스타일시트】마우스 커서 모양을 바꾸어 봅시다

【스타일시트】마우스 커서 모양을 바꾸어 봅시다

CSS 2008. 3. 9. 02:17

백번 읽는 것 보다는 한번 보는 것이 훨씬 낫다고 생각합니다

1. style="cursor:nw-resize" 커서의 화살표 방향이 북서쪽을 향한다.

2 style="cursor:ne-resize" 커서의 화살표 방향이 북동쪽을 향한다.

3 style="cursor:sw-resize" 커서의 화살표 방향이 남서쪽을 향한다.

4 style="cursor:se-resize" 커서의 화살표 방향이 남동쪽을 향한다.

5 style="cursor:help" 커서의 모양을 ? 표로 바꾼다.

6 style="cursor:move" 커서의 모양을 이동 모양으로 바꾼다.

7 style="cursor:e-resize" 커서의 모양을 동쪽방향으로 향하게 한다.

8 style="cursor:n-resize" 커서의 모양을 북쪽방향으로 향하게 한다.

9 style="cursor:s-resize" 커서의 모양을 남쪽방향으로 향하게 한다.

10 style="cursor:w-resize" 커서의 모양을 서쪽방향으로 향하게 한다.

11 style="cursor:text" 커서의 모양을 텍스트 입력상태로 바꾼다.

12 style="cursor:crosshair" 커서의 모양을 십자가로 바꾼다.(그래픽툴의 마퀴툴 커서처럼)

13 style="cursor:hand" 커서의 모양을 손모양으로 바꾼다. (링크처럼)
(IE6이전에는 hand가 쓰였지만...IE6이후에 pointer도 지원해줌)

14 style="cursor:wait" 커서의 모양을 대기(모래시계) 모양으로 바꾼다.

15 style="cursor:default" 커서의 모양에 아무런 변화가 없다

간단하게 스타일을 지정해 주면 커서가 변신(?)을 합니다

사용법은 커서를 바꾸고 싶은 부분에 해당하는 태그 안에 쏘옥~ 넣어주기만 하면 됩니다

문서 전체에 물음표 커서를 적용하고 싶으시면 <body style="cursor:hand">
이런식으로 지정해 주시면 됩니다

아니면 한 문장에만 적용하고 싶으실 때는 그 문장을 시작하는 <font>태그에 위와 같이
삽입해 주시면 됩니다