img over시 라인값 css 설정하기

imgover

<style type=”text/css”>

.thumbs, .thumbs li { margin: 0; padding: 0; list-style: none; }

.thumbs li a:hover img{margin:-4px;} //이미지 오버시 4px 간것 축소하기
.thumbs li a:hover {width:52px;height:52px;border:4px solid #8eac1a;} //이미지 오버시 4px의 라인값 설정

.thumbs li a img { width:60px;height:60px; border: 0; }

</style>

<ul class=”thumbs”>

<li><a href=”#”><img src=”http://cache0.bigcartel.com/account_images/1/graphic-1170240548.jpg” /></a></li>

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다