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,384
15년 전 조회 1,596
15년 전 조회 1,514
15년 전 조회 1,529
15년 전 조회 1,005
15년 전 조회 1,690
15년 전 조회 3,489
15년 전 조회 1,238
15년 전 조회 1,300
15년 전 조회 1,065
15년 전 조회 1,580
15년 전 조회 1,781
15년 전 조회 1,565
15년 전 조회 1,638
15년 전 조회 1,432
15년 전 조회 1,508
15년 전 조회 1,403
15년 전 조회 1,721
15년 전 조회 1,516
15년 전 조회 1,437
🐛 버그신고