loading
본문 바로가기 메뉴 바로가기
[CSS3] background-size : 배경 이미지의 크기 조절하기

기존의 CSS에서는 특정 요소 안에 들어가는 배경 이미지의 크기를 임의로 변경할 수 없었습니다. 결국, 일일이 해당 박스의 크기에 맞게 포토샵에서 이미지의 사이즈를 조절해야 했지만 CSS3의 background-size를 이용하면 배경에 들어갈 이미지를 다양한 방법으로 리사이즈할 수 있습니다. (1) background-size : 넓이 값 높이 값; background-size : cover; background-size : contain; 배경 이미지의 크기를 지정하는 데에는 3가지의 방법이 있습니다. 일반적으로 풀 스크린 환경에서의 배경 이미지 사이즈는 background-size:cover;를 주로 활용합니다. 다음의 예제를 통해 background-size의 기본 개념을 숙지해 보겠습니다. 태그..

💕IT 공부하기/CSS3 2023. 4. 24. 17:27
이전 1 다음
이전 다음

티스토리툴바

이메일: help@abaeksite.com | 운영자 : 아로스
제작 : 아로스
Copyrights © 2022 All Rights Reserved by (주)아백.

※ 해당 웹사이트는 정보 전달을 목적으로 운영하고 있으며, 금융 상품 판매 및 중개의 목적이 아닌 정보만 전달합니다. 또한, 어떠한 지적재산권 또한 침해하지 않고 있음을 명시합니다. 조회, 신청 및 다운로드와 같은 편의 서비스에 관한 내용은 관련 처리기관 홈페이지를 참고하시기 바랍니다.