웹노하우&다운로드/css
이미지css 스타일 롤오버
Font_Charisma
2010. 9. 14. 17:51
<style>
a.rollover:hover {border:6px solid #000;}
a.rollover:hover, x:-moz-any-link {display:block;} /* Firefox2 디버깅 값. 하지만 Firefox의 모든 버전에 대응한다. */
a.rollover:hover, x:-moz-any-link, x:default {display:inline-block;} /* Firefox3를 다시 희망하는 값으로 디버깅. 하지만 IE7이 이것에 대응한다. */
a.rollover:hover img {display:block; overflow:hidden; margin:-6px;}
</style>
<td class=""><a href="/mpage.php?bo_table=sub21" class="rollover"><img src="fm1.jpg" width="240" height="170" border="0"></a></td>