사전에 style로 정의하는 embeded 방식과 실제 위치에 직접 적용하는 inline 방식
2가지의 방식으로 사용
1) 임베디드 방식
<html>
<head>
<title>스타일시트 예제</title>
<style type="text/css">
font {cursor:커서옵션}
</style>
</head>
<body>
<font>마우스 커서 모양 지정하기</font>
</body>
</html>
2) 인라인 방식
<font style="cursor:커서옵션">마우스 커서 모양 지정하기</font>
3) 커서옵션
(1) "cursor:nw-resize" 좌상단 모서리 방향 화살표
(2) "cursor:ne-resize" 우상단 모서리 방향 화살표
(3) "cursor:sw-resize" 좌하단 모서리 방향 화살표
(4) "cursor:se-resize" 우하단 모서리 방향 화살표
(5) "cursor:e-resize" 오른쪽 방향 화살표
(6) "cursor:n-resize" 위쪽 방향 화살표
(7) "cursor:s-resize" 아래쪽 방향 화살표
(8) "cursor:w-resize" 왼쪽 방향 화살표
(9) "cursor:move" 상하좌우 방향 화살표
(10) "cursor:help" ? 물음표
(11) "cursor:text" 텍스트 입력상태
(12) "cursor:crosshair" 십자가
(13) "cursor:wait" 모래시계
(14) "cursor:hand" 손모양
2가지의 방식으로 사용
1) 임베디드 방식
<html>
<head>
<title>스타일시트 예제</title>
<style type="text/css">
font {cursor:커서옵션}
</style>
</head>
<body>
<font>마우스 커서 모양 지정하기</font>
</body>
</html>
2) 인라인 방식
<font style="cursor:커서옵션">마우스 커서 모양 지정하기</font>
3) 커서옵션
(1) "cursor:nw-resize" 좌상단 모서리 방향 화살표
(2) "cursor:ne-resize" 우상단 모서리 방향 화살표
(3) "cursor:sw-resize" 좌하단 모서리 방향 화살표
(4) "cursor:se-resize" 우하단 모서리 방향 화살표
(5) "cursor:e-resize" 오른쪽 방향 화살표
(6) "cursor:n-resize" 위쪽 방향 화살표
(7) "cursor:s-resize" 아래쪽 방향 화살표
(8) "cursor:w-resize" 왼쪽 방향 화살표
(9) "cursor:move" 상하좌우 방향 화살표
(10) "cursor:help" ? 물음표
(11) "cursor:text" 텍스트 입력상태
(12) "cursor:crosshair" 십자가
(13) "cursor:wait" 모래시계
(14) "cursor:hand" 손모양
'IT' 카테고리의 다른 글
| 아이튠즈 잘못 구입한 앱 환불받기 (0) | 2010.04.25 |
|---|---|
| CSS를 이용한 쓸만한 메뉴 (0) | 2010.04.05 |
| [HTML] 시작페이지 & 즐겨찾기 자동등록 스크립트 (0) | 2010.03.14 |
| 애플 iPhone 이후 로드맵 (0) | 2010.03.11 |
| IE6을 쓰지 말아야 되는 3가지 이유 (0) | 2010.02.17 |
