집 > 기사 > 웹 프론트엔드 > CSS는 이미지의 크기를 조정합니다. 너비와 높이를 알아야 합니다.

CSS는 이미지의 크기를 조정합니다. 너비와 높이를 알아야 합니다.

高洛峰원래의: 2017-02-08 10:11:332319검색

오늘 배우는 내용은 CSS를 사용하여 이미지 크기를 조정하는 방법을 가르치는 것입니다. 이전 강좌 예제에서는 너비와 높이라는 두 가지 속성을 사용하여 이미지 크기를 설정했습니다. 요소의 너비와 높이입니다.
CSS에서는 너비와 높이를 사용하여 이미지 크기를 정의하기도 합니다. 구문:

설명: CSS의 초급 단계에서는 모든 단위가 픽셀입니다. CSS의 고급 단계에서는 다른 CSS 단위를 자세히 설명합니다. 🎜>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
        img{width:60px;height:60px;}
    </style>
</head>
<body>
    <img src="../App_images/lesson/run_cj/cartoongirl.gif" alt=""/>
</body>
</html>

브라우저에서 미리보기 효과는 다음과 같습니다.

CSS는 이미지의 크기를 조정합니다. 너비와 높이를 알아야 합니다.

분석: 이미지의 실제 크기에 관계없이 너비와 높이를 사용할 수 있습니다. 원하는 높이와 높이를 정의합니다. 페이지에 해당 사진을 사용하기 전에 PS를 사용하여 높이와 너비를 만드는 어리석은 짓은 하지 마십시오.

더 많은 CSS로 이미지 크기를 조정하고, 너비와 높이 관련 글을 알고 싶다면 PHP 중국어 홈페이지를 주목해주세요!

성명：

이전 기사：CSS 입문 튜토리얼: 이미지 테두리 테두리다음 기사：CSS 입문 튜토리얼: 이미지 테두리 테두리

CSS는 이미지의 크기를 조정합니다. 너비와 높이를 알아야 합니다.

관련 기사