회원등록 비번분실

작성자 CSS
작성일 2002-07-17 (수) 05:01
Link#2 cursor.htm (Down:77)
ㆍ추천: 0  ㆍ조회: 3512      
IP:
스타일을 이용한 커서(포인터) 모양 바꾸기
스타일을 이용한 커서(포인터) 모양 바꾸기<br><br>


마우스를 각 문장에 갔다 대어 보시면 무슨 말인지 쉽게 짐작이 가실겁니다., <br><br><br>

style="cursor:hand" 커서의 모양을 기본적인 손가락모양 <br>
<font color=red><div style="cursor:hand"> 예제 ☞ 마우스를 올려보세요 .. 마우스 커서가 변했죠</div> </font>
<br>
<br>

1. style="cursor:nw-resize" 커서의 화살표 방향이 북서쪽을 향한다. <br>
<font color=red><div style="cursor:nw-resize"> 예제 ☞ 마우스를 올려보세요 .. 마우스 커서가 변했죠</div> </font>
<br>
<br>

2. style="cursor:ne-resize" 커서의 화살표 방향이 북동쪽을 향한다. <br>
<font color=red><div style="cursor:nw-resize"> 예제 ☞ 마우스를 올려보세요 .. 마우스 커서가 변했죠</div> </font>
<br>
<br>

3. style="cursor:sw-resize" 커서의 화살표 방향이 남서쪽을 향한다. <br>
<font color=red><div style="cursor:sw-resize"> 예제 ☞ 마우스를 올려보세요 .. 마우스 커서가 변했죠</div> </font>
<br>
<br>

4. style="cursor:se-resize" 커서의 화살표 방향이 남동쪽을 향한다. <br>
<font color=red><div style="cursor:se-resize"> 예제 ☞ 마우스를 올려보세요 .. 마우스 커서가 변했죠</div> </font>
<br>
<br>

5. style="cursor:help" 커서의 모양을 ? 표로 바꾼다. <br>
<font color=red><div style="cursor:help"> 예제 ☞ 마우스를 올려보세요 .. 마우스 커서가 변했죠</div> </font>
<br>
<br>

6. style="cursor:move" 커서의 모양을 이동 모양으로 바꾼다. <br>
<font color=red><div style="cursor:move"> 예제 ☞ 마우스를 올려보세요 .. 마우스 커서가 변했죠</div> </font>
<br>
<br>

7. style="cursor:e-resize" 커서의 모양을 동쪽방향으로 향하게 한다. <br>
<font color=red><div style="cursor:e-resize"> 예제 ☞ 마우스를 올려보세요 .. 마우스 커서가 변했죠</div> </font>
<br>
<br>

8. style="cursor:n-resize" 커서의 모양을 북쪽방향으로 향하게 한다. <br>
<font color=red><div style="cursor:n-resize"> 예제 ☞ 마우스를 올려보세요 .. 마우스 커서가 변했죠</div> </font>
<br>
<br>

9. style="cursor:s-resize" 커서의 모양을 남쪽방향으로 향하게 한다. <br>
<font color=red><div style="cursor:s-resize"> 예제 ☞ 마우스를 올려보세요 .. 마우스 커서가 변했죠</div></font>
<br>
<br>

10. style="cursor:w-resize" 커서의 모양을 서쪽방향으로 향하게 한다. <br>
<font color=red><div style="cursor:w-resize"> 예제 ☞ 마우스를 올려보세요 .. 마우스 커서가 변했죠</div> </font>
<br>
<br>

11. style="cursor:text" 커서의 모양을 텍스트 입력상태로 바꾼다. <br>
<font color=red><div style="cursor:text"> 예제 ☞ 마우스를 올려보세요 .. 마우스 커서가 변했죠</div> </font>
<br>
<br>

12. style="cursor:crosshair" 커서의 모양을 십자가로 바꾼다.그래픽툴의 마퀴툴 커서처럼.<br>
<font color=red><div style="cursor:crosshair"> 예제 ☞ 마우스를 올려보세요 .. 마우스 커서가 변했죠</div></font>
<br>
<br>

13. style="cursor:wait" 커서의 모양을 대기모래시계. 모양으로 바꾼다. <br>
<font color=red><div style="cursor:wait"> 예제 ☞ 마우스를 올려보세요 .. 마우스 커서가 변했죠</div> </font>
<br>

  0
3500