JavaScript 마우스 오버시 이미지 안쪽에 테두리주기
본문
JavaScript 마우스 오버시 이미지 안쪽에 테두리주기의 소스를 이미지에 적용을 했습니다.
마우스를 오버시 원래의 이미지가 커집니다.이미지 변동이 없게 하려면 어떻게 해야 하는지요?
답변 2
<style>
.img { width:100px; height:100px; margin:2px ; border:2px solid #000; }
.img:hover { margin:2px ; border:2px solid #888; }
</style>
<div class="img">
이미지
</div>
스크립트 지우시고 css 로 사용하세요
아래처럼 css 로 효과 줘도 됩니다.
<style>
.img img { margin:2px ; border:2px solid #fff; }
.img img:hover { margin:2px ; border:2px solid #000; }
</style>
<div class="img">
이미지
</div>
답변을 작성하시기 전에 로그인 해주세요.