CSS - 문제 미리보기
문제 1083
medium
다음 코드에서 빈칸에 들어갈 값으로 이미지를 한 번만 표시하려면?
```css
.header {
background-image: url("logo.png");
background-repeat: ______;
}
```
정답: C
배경 이미지를 반복하지 않고 한 번만 표시하려면 `no-repeat` 값을 사용합니다.
no-repeat의 특징:
• 이미지가 한 번만 표시됨
• 보통 로고나 아이콘처럼 반복되면 안 되는 이미지에 사용
• 기본적으로 요소의 왼쪽 상단에 위치
사용 예시:
```css
.logo-area {
background-image: url("company-logo.png");
background-repeat: no-repeat;
/* 로고는 한 번만 나타나야 함 */
}
```
로고, 특정 아이콘, 장식용 이미지 등에 주로 사용됩니다.
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.