HTML - 문제 미리보기
문제 890
medium
배경 이미지가 요소 전체를 덮도록 하면서 원본 비율을 유지하려면 다음 중 어떤 속성값을 사용해야 할까요?
```css
body {
background-image: url('bg.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: _____;
}
```
```css
body {
background-image: url('bg.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: _____;
}
```
정답: B
`background-size: cover`는 배경 이미지가 요소 전체를 덮도록 하면서 이미지의 원본 비율(가로세로 비율)을 유지합니다. 이미지가 요소보다 크거나 작아도 비율을 유지하며 전체 영역을 채웁니다. 반면 `100% 100%`는 이미지를 늘려서 요소에 맞추므로 비율이 왜곡될 수 있습니다. `contain`은 이미지 전체가 보이도록 하지만 요소를 완전히 덮지 못할 수 있습니다.
💡 학습 팁
이 문제를 포함한 HTML 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.