커서 모양의 모든것.
week
조회 : 3,794
텍스트 손 모래시계 물음표 이동표시 ┼ ↑ → ↓ ← ↘ ↙ ↗ ↖
위의 글씨들에 각각 마우스를 올려 보세요. 마우스커서가 글씨나 그림 위에 올라가면 지정해준 모양으로 바뀝니다.
<font style="cursor:text" >텍스트</font>
<font style="cursor:hand" >손</font>
<font style="cursor:wait" >모래시계</font>
<font style="cursor:help" >물음표</font>
<font style="cursor:move" >이동표시</font>
<font style="cursor:crosshair" >┼</font>
<font style="cursor:n-resize" >↑</font>
<font style="cursor:e-resize" >→</font>
<font style="cursor:s-resize" >↓</font>
<font style="cursor:w-resize" >←</font>
<font style="cursor:se-resize" >↘</font>
<font style="cursor:sw-resize" >↙</font>
<font style="cursor:ne-resize" >↗</font>
<font style="cursor:nw-resize" >↖</font>
굵은 글씨가 적혀 있는 부분에서 커서의 모양을 정해 줍니다. 쉽죠? O.O
링크 걸린 글자에는 이렇게...
☞여기에 마우스를 한 번 올려 보면..
보통은 링크 걸린 글자에 마우스가 올라가면 손 모양으로 마우스커서가 변하면서 링크임을 표시 해 줍니다. 하지만, 위에서 다룬 것처럼 특정한 모양을 지정해주면 손이 아닌 다른 모양으로 바뀝니다.
<head>와 </head> 사이에 아래 소스를 넣습니다.
<style type="text/css">
a:hover {cursor:help;}
</style>
help는 마우스커서 모양을 물음표로..~
물론 help 이외에도 위에서 다룬 방법으로 wait 나 crosshair..등 다른 것들로 바꿀 수 있습니다.
그리고 <body>와 </body> 사이의 원하는 위치에 아래 소스를 넣어 링크시키면 됩니다. 무지 쉽죠? -_-
위의 글씨들에 각각 마우스를 올려 보세요. 마우스커서가 글씨나 그림 위에 올라가면 지정해준 모양으로 바뀝니다.
<font style="cursor:text" >텍스트</font>
<font style="cursor:hand" >손</font>
<font style="cursor:wait" >모래시계</font>
<font style="cursor:help" >물음표</font>
<font style="cursor:move" >이동표시</font>
<font style="cursor:crosshair" >┼</font>
<font style="cursor:n-resize" >↑</font>
<font style="cursor:e-resize" >→</font>
<font style="cursor:s-resize" >↓</font>
<font style="cursor:w-resize" >←</font>
<font style="cursor:se-resize" >↘</font>
<font style="cursor:sw-resize" >↙</font>
<font style="cursor:ne-resize" >↗</font>
<font style="cursor:nw-resize" >↖</font>
굵은 글씨가 적혀 있는 부분에서 커서의 모양을 정해 줍니다. 쉽죠? O.O
링크 걸린 글자에는 이렇게...
☞여기에 마우스를 한 번 올려 보면..
보통은 링크 걸린 글자에 마우스가 올라가면 손 모양으로 마우스커서가 변하면서 링크임을 표시 해 줍니다. 하지만, 위에서 다룬 것처럼 특정한 모양을 지정해주면 손이 아닌 다른 모양으로 바뀝니다.
<head>와 </head> 사이에 아래 소스를 넣습니다.
<style type="text/css">
a:hover {cursor:help;}
</style>
help는 마우스커서 모양을 물음표로..~
물론 help 이외에도 위에서 다룬 방법으로 wait 나 crosshair..등 다른 것들로 바꿀 수 있습니다.
그리고 <body>와 </body> 사이의 원하는 위치에 아래 소스를 넣어 링크시키면 됩니다. 무지 쉽죠? -_-
