CSS - 문제 미리보기
문제 1336
medium
입력 필드에 아이콘을 추가하고 적절한 여백을 설정하는 CSS는?
```css
input[type=text] {
background-image: url('searchicon.png');
background-position: 10px 10px;
background-repeat: _____;
padding-left: _____;
}
```
```css
input[type=text] {
background-image: url('searchicon.png');
background-position: 10px 10px;
background-repeat: _____;
padding-left: _____;
}
```
정답: B
• `background-repeat: no-repeat`:
• 아이콘 이미지가 반복되지 않도록 설정
• 하나의 아이콘만 표시됨
• 입력 필드에서 가장 일반적인 설정
• `padding-left: 40px`:
• 왼쪽에 충분한 여백 확보
• 아이콘과 텍스트가 겹치지 않도록 함
• 아이콘 크기 + 여백을 고려한 값
• 아이콘 이미지가 반복되지 않도록 설정
• 하나의 아이콘만 표시됨
• 입력 필드에서 가장 일반적인 설정
• `padding-left: 40px`:
• 왼쪽에 충분한 여백 확보
• 아이콘과 텍스트가 겹치지 않도록 함
• 아이콘 크기 + 여백을 고려한 값
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.