>웹 프론트엔드 >CSS 튜토리얼 >CSS를 사용하여 하이퍼링크된 이미지에서 윤곽선을 제거하는 방법은 무엇입니까?

CSS를 사용하여 하이퍼링크된 이미지에서 윤곽선을 제거하는 방법은 무엇입니까?

Barbara Streisand
Barbara Streisand원래의
2024-11-18 10:09:02362검색

How to Remove Outlines from Hyperlinked Images Using CSS?

하이퍼링크 이미지 주변 윤곽선 제거 방법

CSS 텍스트 대체 및 음수 텍스트 들여쓰기 적용 시 클릭 시 점선이 나타날 수 있습니다. 제공된 샘플에 표시된 것처럼 하이퍼링크 이미지에 표시됩니다. 이 문제를 해결하려면 다음 해결 방법을 고려하십시오.

앵커 태그에서 윤곽선 제거:

a {
  outline: none;
}

이미지 링크에서 윤곽선 제거:

a img {
  outline: none;
}

이미지 링크에서 테두리 제거:

img {
  border: 0;
}

이러한 스타일 규칙을 적용하면 하이퍼링크 이미지 주변의 윤곽선과 테두리를 효과적으로 제거할 수 있습니다.

위 내용은 CSS를 사용하여 하이퍼링크된 이미지에서 윤곽선을 제거하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.