css 롤오버 만들기
| Web 2.0
Posted at 2011/12/13 19:58

<style>
/* /////////////////////이제부터는 css로 롤오버 버튼만들기.. */
img{border:none}
#tabB a img.over{display:none}
#tabB a:hover{position:relative}/*7버젼 이하는 잘안돌아가므로..ㄷㄷ 안전방지턱*/
#tabB a:hover img{display:none}
#tabB a:hover img.over{display:inline}
#tabB a img{vertical-align:top} /*사이 거리없애자*/
/* /////////////////////이제부터는 css로 롤오버 버튼만들기.. */
</style>


<body>
이제부터는 css로 롤오버 버튼만들기..
<div id = "tabB">
<a href="#">
<img src="http://sstatic.naver.com/search/images10/btn_sbx_book.gif">
<img src="http://sstatic.naver.com/search/images10/btn_sbx_book01.gif" class="over">
</a>
</div>

</body>

 댓글 남기기