HTML 이미지의 투명도를 설정하는 방법

HTML 이미지의 투명도를 설정하는 방법: 1. img 요소의 스타일 속성을 사용하여 "불투명도: 투명도 값" 스타일을 설정합니다. 2. img 요소의 스타일 속성을 사용하여 "filter:opacity"를 설정합니다. (투명도 값);" 스타일.

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

html image

HTML에서는 img 요소를 사용하여 웹 페이지에 이미지를 삽입할 수 있습니다.

기술적으로 태그는 웹페이지에 이미지를 삽입하는 것이 아니라 웹페이지의 이미지를 연결한다는 점에 유의하세요. 태그는 참조된 이미지에 대한 자리 표시자를 만듭니다.

<img  src="img/1.jpg"    style="max-width:90%" / alt="HTML 이미지의 투명도를 설정하는 방법" >

HTML 이미지 설정 투명도

방법 1: img 요소의 스타일 속성을 사용하여 "opacity: 透明度值;" 스타일을 설정합니다.

<img  src="img/1.jpg"    style="max-width:90%" style="opacity: 0.5;"/ alt="HTML 이미지의 투명도를 설정하는 방법" >

방법 2: img 요소의 스타일 속성을 사용하여 다음을 수행합니다. "필터:불투명도(투명도 값);" 스타일

<img  src="img/1.jpg"    style="max-width:90%" style="filter:opacity(0.3);"/ alt="HTML 이미지의 투명도를 설정하는 방법" >

권장 튜토리얼: "html 비디오 튜토리얼"

위 내용은 HTML 이미지의 투명도를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!