CSS - 문제 미리보기
문제 1093
medium
다음 코드를 background 단축 속성으로 올바르게 변환한 것은?
```css
.header {
background-color: #ffffff;
background-image: url("logo.png");
background-repeat: no-repeat;
background-position: right top;
}
```
```css
.header {
background-color: #ffffff;
background-image: url("logo.png");
background-repeat: no-repeat;
background-position: right top;
}
```
정답: A
개별 속성들을 단축 속성으로 변환할 때는 정확한 순서를 따라야 합니다.
```css
background: #ffffff url("logo.png") no-repeat right top;
```
순서 체크:
색상 → 이미지 → 반복 → 위치 순서가 정확히 지켜졌습니다. background-attachment는 이 예시에서 사용되지 않아 생략되었습니다.
```css
background: #ffffff url("logo.png") no-repeat right top;
```
순서 체크:
색상 → 이미지 → 반복 → 위치 순서가 정확히 지켜졌습니다. background-attachment는 이 예시에서 사용되지 않아 생략되었습니다.
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.