회원등록 비번분실

작성자 이유진
작성일 2010-02-19 (금) 07:59
ㆍ추천: 0  ㆍ조회: 3092      
IP: 113.xxx.232
[CSS] 커서 모양을 바꿔보자

보통 링크를 걸었을때, 마우스의 커서모양은 손가락 모양이다 그걸 변경할때 아래와 같이 폰트에 스카일을 넣어주면 된다. 혹은, 스크립트나 액션을 줘을 경우 커서모양이 바뀌지 않는데 그럴때 유용하다.

화살표 방향이 북서쪽을 향하고 있는 모양의 커서
화살표 방향이 북서쪽을 향하고 있는 모양의 커서

위와 같이 적용을 하며 커서의 모양은 다양하게 사용할 수 있다.

1. ne-resize : 북동쪽 화살표
2. sw-resize: 남서쪽
3. se-resize: 남동쪽
  tip. 화살표의 경우 동서남북의 E W S N 를 통해 방향를 앞에 두고 있다.
       따라서 직선의 화살표는 E W S N 만 넣으면 된다.

4. help: ?
5. move: 이동 모양
6. text: 텍스트 입력상태일때의 I모양
7. crosshair: 포토샵의 마퀴툴 처럼 십자가 모양
8. wait: 모래시계
9. hand: 손바닥
  0
3500