background-size를 사용하여 배경 이미지의 너비와 높이를 설정하는 방법

이 글의 내용은 background-size를 이용하여 배경 이미지의 너비와 높이를 설정하는 방법에 대한 내용으로, 참고가 필요한 친구들이 참고하시면 좋을 것 같습니다.

배경 크기 속성을 사용하여 설정

语法：background-size: length|percentage|cover|contain;

# 🎜🎜 #length: 배경 이미지의 높이와 너비를 설정합니다.
첫 번째 값은 너비를 설정하고 두 번째 값은 높이를 설정합니다.
하나의 값만 설정하면 두 번째 값은 "auto"로 설정됩니다.
(전체 이미지가 표시됩니다)

percentage: 배경 이미지의 너비와 높이를 상위 요소의 백분율로 설정합니다. .
첫 번째 값은 너비를 설정하고 두 번째 값은 높이를 설정합니다.
하나의 값만 설정하면 두 번째 값은 "auto"로 설정됩니다.
(전체 이미지 표시)

cover: 이미지의 가로 세로 비율을 유지하고 이미지 크기를 최소로 조정하여 완전히 표시됩니다. 배경 위치 지정 영역 크기를 커버합니다.
배경 이미지의 일부가 배경 위치 지정 영역에서 표시되지 않을 수 있습니다.
(이미지의 일부만 표시됨)

contain: 이미지의 가로 세로 비율을 유지하고 이미지 크기를 최대로 조정하세요. 배경 위치 지정 영역 크기를 완전히 포함합니다.
(전체 이미지가 표시되지만, 이미지가 반복될 수 있음)

위는 background-size를 사용하여 배경 이미지의 너비와 높이를 설정하는 방법에 대한 전체 소개입니다. 더 알고 싶다면

HTML 비디오 튜토리얼에 대한 자세한 내용은 PHP 중국어 웹사이트를 참고하세요.

위 내용은 background-size를 사용하여 배경 이미지의 너비와 높이를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!