cover1 background-size로 배경 이미지 크기 조절하는 방법 1. background-size? 배경 이미지 크기는 background-size로 조절한다. background-size에는 여러 속성이 있어 다양한 크기로 이미지 조절이 가능하다. auto : 배경 이미지의 원본 크기를 유지한다. length : 두 개의 값을 넣으면 첫 번째는 너비, 두 번째는 높이 값이다. 값을 한 개 넣은 경우는 너비 값을 뜻하며, 높이 값은 원본 이미지의 비율에 맞게 자동으로 정해진다. 백분율도 사용이 가능하며 단, 음수는 적용되지 않는다. cover : 배경의 빈 공간이 없도록 이미지 비율에 맞게 확대, 축소된다. 너비와 높이의 비율이 유지되어 이미지가 찌그러지지 않지만 비율 때문에 이미지가 잘리기도 한다. contain : 배경 안에서 이미지가 찌그러지거나 잘리는거 없이 .. 2022. 8. 31. 이전 1 다음