인터넷정보

텍스트 링크시 이미지를 사용하지 않고 롤오버 기능을 넣어보자.

알 수 없는 사용자 2007. 10. 17. 00:05
http://oxtag.com/html/ex/link_over.html


위의 미리보기에서 링크에 마우스를 올려보세요. 링크가 눌러지는 듯 하죠?
이미지 롤오버를 쓰지 않고도 이렇게 되는게 가능하답니다.


--------------------------------------------------------------------------------

<STYLE type="text/css">
<!--
A:HOVER{position:relative; top:3; left:3;}
-->
</STYLE>


--------------------------------------------------------------------------------

위의 top:3; left:3 의 숫자부분을 알맞게 바꿔주세요.
left대신에 right를 쓰실 수도 있는데요, right를 쓰시게 되면,
오른쪽에 여백이 생기면서 왼쪽으로 눌러지는 효과가 나겠죠..
메뉴에 쓰시면 이뻐요~

--------------------------------------------------------------------------------

반응형