CSS로 그림 테두리를 제거하는 방법

CSS로 이미지 테두리를 제거하는 방법: 1. CSS의 테두리 속성을 사용하여 img 테두리를 설정하고 제거합니다. 2. "img:not([src]){opacity:0;}"을 통해 이미지 테두리를 제거합니다. .

이 기사의 운영 환경: Windows7 시스템, HTML5&&CSS3 버전, Dell G3 컴퓨터.

css img 테두리 제거

1. 태그의 테두리 속성은 이미지 주위의 테두리 너비를 지정합니다. 즉, 이미지의 테두리를 늘리거나 제거할 수 있습니다. CSS의 테두리 속성을 사용하여 설정할 수도 있습니다.

border="0"  // html属性
border: none; // css属性

참고: 기본적으로 이미지에는 테두리가 없으므로 테두리를 제거할 필요가 없습니다. (이미지가 요소 내부에 있지 않은 경우)

브라우저에서는 일반적으로 독자가 이 이미지를 선택하여 관련 문서에 액세스할 수 있음을 나타내기 위해 2픽셀 너비의 테두리 내에 하이퍼링크(예: 태그에 포함된 이미지)를 나타내는 이미지를 표시합니다.

2. img가 src 속성을 받지 못하는 경우 border:0/none이 작동하지 않는 경우 해결 방법은 다음과 같습니다.

img[src=""],
img:not([src]){
    opacity:0;
}

[권장 학습: css 비디오 튜토리얼]

위 내용은 CSS로 그림 테두리를 제거하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!