> 웹 프론트엔드 > HTML 튜토리얼 > HTML 웹 페이지의 이미지 크기를 조정하는 방법은 무엇입니까?

HTML 웹 페이지의 이미지 크기를 조정하는 방법은 무엇입니까?

黄舟
풀어 주다: 2017-07-26 13:34:18
원래의
14172명이 탐색했습니다.

CSS에는 요소의 너비); background-color:rgb(249,242,244)">너비 속성. 글꼴 제어와 마찬가지로 px (픽셀) - 이미지 너비를 지정합니다. width属性。像控制字体一样,我们使用px(像素)来指定图片的宽度。

例如,如果我们想要创建一个名为larger-image的类选择器,把HTML元素的宽度设定为500像素,我们使用:

<style>
  .larger-image {
    width: 500px;
  }
</style>
로그인 후 복사


任务:创建一个名为smaller-image

예를 들어, ,37,78)이라는 텍스트 파일을 생성하려는 경우 background-color:rgb(249,242,244)">larger-image의 클래스 선택기는 HTML 요소의 너비를 500으로 설정합니다. 우리는 다음을 사용합니다:

rrreee


작업: smaller-image의 클래스 선택기, 그리고 이미지의 너비가 100픽셀이 되도록 이미지 크기를 변경하는 데 사용합니다. 🎜🎜🎜🎜🎜

위 내용은 HTML 웹 페이지의 이미지 크기를 조정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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