CSS - 문제 미리보기
문제 1082
easy
다음 코드에서 빈칸에 들어갈 값으로 가로로만 반복하게 하려면?
```css
body {
background-image: url("gradient_bg.png");
background-repeat: ______;
}
```
```css
body {
background-image: url("gradient_bg.png");
background-repeat: ______;
}
```
정답: A
`background-repeat` 속성의 값들은 각각 다른 반복 패턴을 만듭니다.
주요 repeat 값들:
• repeat-x: 가로(horizontal)로만 반복 ✓
• repeat-y: 세로(vertical)로만 반복
• no-repeat: 반복하지 않음 (한 번만 표시)
• repeat: 가로세로 모두 반복 (기본값)
repeat-x 사용 예시:
그라데이션 이미지처럼 가로로 늘어나야 하는 이미지에 주로 사용합니다. 세로로 반복하면 부자연스러워 보이는 이미지들에 적합합니다.
주요 repeat 값들:
• repeat-x: 가로(horizontal)로만 반복 ✓
• repeat-y: 세로(vertical)로만 반복
• no-repeat: 반복하지 않음 (한 번만 표시)
• repeat: 가로세로 모두 반복 (기본값)
repeat-x 사용 예시:
그라데이션 이미지처럼 가로로 늘어나야 하는 이미지에 주로 사용합니다. 세로로 반복하면 부자연스러워 보이는 이미지들에 적합합니다.
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.