이미지에 마우스를 오버했을경우 이미지 안쪽으로 테둘이를 넣는 방법이다
바깥쪽으로 테두리를 넣게되면 이미지영역이 커져서 깨지는 경우가 발생되기 때문에 안쪽에 넣은것이다
<style>
a.image01, a.image01 img {float:left;overflow:hidden;}
a.image01:hover{border:4px solid #DDDDDD;}
a.image01:hover img {margin:-4px;}
</style>
<a href="" class="image01"><img border=0 src="이미지경로"></a>
<style>
a.image01, a.image01 img {float:left;overflow:hidden;}
a.image01:hover{border:4px solid #DDDDDD;}
a.image01:hover img {margin:-4px;}
</style>
<a href="" class="image01"><img border=0 src="이미지경로"></a>