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

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

高洛峰
풀어 주다: 2017-02-08 10:11:33
원래의
2347명이 탐색했습니다.

오늘 배우는 내용은 CSS를 사용하여 이미지 크기를 조정하는 방법을 가르치는 것입니다. 이전 강좌 예제에서는 너비와 높이라는 두 가지 속성을 사용하여 이미지 크기를 설정했습니다. 요소의 너비와 높이입니다.
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 중국어 홈페이지를 주목해주세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿