<html>
<head>
<title> css를 이용한 커서 모양 바꾸기 </title>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
</head>
<body>
css를 이용한 커서 모양 바꾸기 ^^*
<a href="#" style="cursor : auto;">커서1</a> style="cursor : auto;"
<a href="#" style="cursor : crosshair;">커서2</a> style="cursor : crosshair;"
<a href="#" style="cursor : default;">커서3</a> style="cursor : default;"
<a href="#" style="cursor : pointer;">커서4</a> style="cursor : pointer;"
<a href="#" style="cursor : move;">커서5</a> style="cursor : move;"
<a href="#" style="cursor : w-resize;">커서6</a> style="cursor : w-resize;"
<a href="#" style="cursor : sw-resize;">커서7</a> style="cursor : sw-resize;"
<a href="#" style="cursor : text;">커서8</a> style="cursor : text;"
<a href="#" style="cursor : wait;">커서9</a> style="cursor : wait;"
<a href="#" style="cursor : help;">커서10</a> style="cursor : help;"
</body>
</html>
cursor:sample.cur 또는 cursor:sample.ani
이렇게 하면 해당 커서파일로 보여집니다
<head>
<title> css를 이용한 커서 모양 바꾸기 </title>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
</head>
<body>
css를 이용한 커서 모양 바꾸기 ^^*
<a href="#" style="cursor : auto;">커서1</a> style="cursor : auto;"
<a href="#" style="cursor : crosshair;">커서2</a> style="cursor : crosshair;"
<a href="#" style="cursor : default;">커서3</a> style="cursor : default;"
<a href="#" style="cursor : pointer;">커서4</a> style="cursor : pointer;"
<a href="#" style="cursor : move;">커서5</a> style="cursor : move;"
<a href="#" style="cursor : w-resize;">커서6</a> style="cursor : w-resize;"
<a href="#" style="cursor : sw-resize;">커서7</a> style="cursor : sw-resize;"
<a href="#" style="cursor : text;">커서8</a> style="cursor : text;"
<a href="#" style="cursor : wait;">커서9</a> style="cursor : wait;"
<a href="#" style="cursor : help;">커서10</a> style="cursor : help;"
</body>
</html>
cursor:sample.cur 또는 cursor:sample.ani
이렇게 하면 해당 커서파일로 보여집니다
'Web > HTML' 카테고리의 다른 글
| IFRAME (0) | 2013.09.26 |
|---|---|
| [style] 테이블 고정(긴 글자일때) (0) | 2013.09.26 |
| [tip] 한글 문서를 HTML로 (0) | 2013.09.26 |
| HTML 에서 쓸 수 있는 특수문자 코드 (0) | 2013.09.26 |
| 주소 아이콘 (0) | 2013.09.26 |