CSS - 문제 미리보기
문제 1084
medium
다음 코드에서 빈칸에 들어갈 올바른 속성명은?
```css
.banner {
background-image: url("tree.png");
background-repeat: no-repeat;
______: right top;
}
```
배경 이미지를 오른쪽 상단에 위치시키고자 합니다.
```css
.banner {
background-image: url("tree.png");
background-repeat: no-repeat;
______: right top;
}
```
배경 이미지를 오른쪽 상단에 위치시키고자 합니다.
정답: B
배경 이미지의 위치를 지정하는 CSS 속성은 `background-position`입니다.
background-position의 기본 사용법:
```css
background-position: 가로위치 세로위치;
```
주요 위치 값들:
• 가로: left, center, right
• 세로: top, center, bottom
• 조합 예시:
`right top`: 오른쪽 상단 ✓
`center center`: 정중앙
`left bottom`: 왼쪽 하단
이 속성은 특히 `background-repeat: no-repeat`과 함께 사용해서 이미지를 원하는 위치에 정확히 배치할 때 유용합니다.
background-position의 기본 사용법:
```css
background-position: 가로위치 세로위치;
```
주요 위치 값들:
• 가로: left, center, right
• 세로: top, center, bottom
• 조합 예시:
`right top`: 오른쪽 상단 ✓
`center center`: 정중앙
`left bottom`: 왼쪽 하단
이 속성은 특히 `background-repeat: no-repeat`과 함께 사용해서 이미지를 원하는 위치에 정확히 배치할 때 유용합니다.
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.