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