CSS 스타일에서 border 질문

이미지에 테두리를 주기위해

보통은 이미지에 마우스 올라갈때 style=border를 주는데요..

이걸주게 되면 이미지 외각으로 두깨 만큼 잡히는데

네이버는 이미지 위에 테두리가 생기네요~

어떻게 한건지 너무 궁금합니다.

아시는분 계신가요?

예제

http://photo.naver.com/best/
|

댓글 1개

네이버 스타일 그대로 따라 해봤습니다~ㅋ

파이어폭스에서만 테스트해봤는데 잘 나오네요
아래 스타일 참고하시면 될듯 합니다.

<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>
댓글을 작성하시려면 로그인이 필요합니다.

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기 기존 게시물은 열람만 가능합니다.

+
제목 글쓴이 날짜 조회
15년 전 조회 1,412
15년 전 조회 1,622
15년 전 조회 1,544
15년 전 조회 1,558
15년 전 조회 1,033
15년 전 조회 1,720
15년 전 조회 3,522
15년 전 조회 1,264
15년 전 조회 1,328
15년 전 조회 1,095
15년 전 조회 1,611
15년 전 조회 1,813
15년 전 조회 1,591
15년 전 조회 1,665
15년 전 조회 1,458
15년 전 조회 1,533
15년 전 조회 1,436
15년 전 조회 1,754
15년 전 조회 1,546
15년 전 조회 1,462