본문 바로가기

웹노하우&다운로드/css

이미지css 스타일 롤오버


<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>

'웹노하우&다운로드 > css' 카테고리의 다른 글

3D GALLERY WITH CSS3 & JQUERY  (0) 2012.03.16
jquery 메뉴  (0) 2012.03.15
input 박스 활성화시 테두리 색 넣기  (0) 2010.01.03