CSS를 사용하여 이미지의 높이와 너비를 변경하는 방법-프런트엔드 Q&A-php.cn

CSS를 사용하여 이미지의 높이와 너비를 변경하는 방법

青灯夜游

풀어 주다： 2022-01-20 15:18:18

원래의

5651명이 탐색했습니다.

CSS에서는 너비 및 높이 속성을 사용하여 이미지의 높이와 너비를 변경할 수 있습니다. 이미지 요소에 "너비: 너비 값; 높이: 높이 값;" 스타일만 추가하면 됩니다. width 속성은 요소의 너비를 설정하고, height 속성은 요소의 높이를 설정합니다.

CSS를 사용하여 이미지의 높이와 너비를 변경하는 방법

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

CSS에서는 너비와 높이 속성을 사용하여 이미지의 높이와 너비를 변경할 수 있습니다.

width 속성은 요소의 너비를 설정할 수 있고, height 속성은 요소의 높이를 설정할 수 있습니다.

예:

<!DOCTYPE html>
<html>
	<head>
		<style>
			.img1 {
				width: 400px;
				height: 400px;
			}
		</style>
	</head>
	<body>

		<p>原图片宽度:200px，高度：200px</p>
		<img  src="img/1.jpg" alt="CSS를 사용하여 이미지의 높이와 너비를 변경하는 방법" >
		<p>使用css设置宽度为:400px，高度为：400px</p>
		<img  class="img1" src="img/1.jpg" alt="CSS를 사용하여 이미지의 높이와 너비를 변경하는 방법" >
	</body>
</html>

로그인 후 복사

CSS를 사용하여 이미지의 높이와 너비를 변경하는 방법