CSS를 사용하여 img의 이미지 크기를 설정하는 방법-CSS 튜토리얼-php.cn

CSS를 사용하여 img의 이미지 크기를 설정하는 방법

WBOY

풀어 주다： 2021-11-29 15:40:35

원래의

22324명이 탐색했습니다.

CSS에서는 width 및 height 속성을 사용하여 img 요소 이미지의 크기를 설정할 수 있습니다. width 속성은 요소의 너비 값을 설정하는 데 사용됩니다. 구문은 "img 요소{너비: 너비 값; 높이:높이 값;}"입니다.

CSS를 사용하여 img의 이미지 크기를 설정하는 방법

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

css를 사용하여 img의 이미지 크기를 설정하는 방법

Css에서 width 및 height 속성을 사용하여 img의 이미지 크기를 설정할 수 있습니다.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>123</title>
    <style type="text/css">
    .tupian{
        width:150px;
        height:150px;
    }
</style>
  </head>
  <body>
<img  src="1115.08.png" class="tupian" alt="CSS를 사용하여 img의 이미지 크기를 설정하는 방법" >
<p>上面是设置了大小，下面没设置大小</p>
<img  src="1115.08.png" alt="CSS를 사용하여 img의 이미지 크기를 설정하는 방법" >
  </body>
</html>

로그인 후 복사

출력 결과:

CSS를 사용하여 img의 이미지 크기를 설정하는 방법