레이아웃 없는 이미지 롤오버 테두리

간단한 꿀 팁 알려드려요.

사용에 얼마나 쓰일지는 모르겠네요~~

레이아웃 없는 이미지 롤오버 테두리

테두리가 늘어나는 롤오버를 쓰는경우 포함된 레이아웃이 들썩걸임.

그런 경우를 없애주는 방법

#ex-one a img, #ex-one a {

    border: none;

    overflow: hidden;

    float: left;

}

#ex-one a:hover {

    border: 3px solid black;

}

#ex-one a:hover img {

    margin: -3px;

}

<div id="ex-one">

<a href=""><img src=""></a>

</div>