CSS 스타일에서 border 질문 정보
CSS 스타일에서 border 질문본문
이미지에 테두리를 주기위해
보통은 이미지에 마우스 올라갈때 style=border를 주는데요..
이걸주게 되면 이미지 외각으로 두깨 만큼 잡히는데
네이버는 이미지 위에 테두리가 생기네요~
어떻게 한건지 너무 궁금합니다.
아시는분 계신가요?
예제
http://photo.naver.com/best/
보통은 이미지에 마우스 올라갈때 style=border를 주는데요..
이걸주게 되면 이미지 외각으로 두깨 만큼 잡히는데
네이버는 이미지 위에 테두리가 생기네요~
어떻게 한건지 너무 궁금합니다.
아시는분 계신가요?
예제
http://photo.naver.com/best/
댓글 전체
네이버 스타일 그대로 따라 해봤습니다~ㅋ
파이어폭스에서만 테스트해봤는데 잘 나오네요
아래 스타일 참고하시면 될듯 합니다.
<style>
img{border:none;}
.test{background-color:#000;}
.test a{display:inline-block;}
.test a:hover{border:6px solid #fff;}
.test a:hover img{margin:-6px;}
</style>
<div class="test">
<a href="#"><img src="이미지 경로"></a>
</div>
파이어폭스에서만 테스트해봤는데 잘 나오네요
아래 스타일 참고하시면 될듯 합니다.
<style>
img{border:none;}
.test{background-color:#000;}
.test a{display:inline-block;}
.test a:hover{border:6px solid #fff;}
.test a:hover img{margin:-6px;}
</style>
<div class="test">
<a href="#"><img src="이미지 경로"></a>
</div>