CSS - 문제 미리보기
문제 1337
hard
여러 타입의 버튼을 한 번에 스타일링하는 완전한 CSS 코드는?
```css
input[type=_____], input[type=_____], input[type=_____] {
background-color: #04AA6D;
border: none;
color: white;
padding: 16px 32px;
cursor: pointer;
}
```
정답: B
• 버튼 타입 입력 요소들을 그룹으로 스타일링하는 실용적인 기법입니다
• 각 버튼 타입의 역할:
• `input[type=button]`: 일반적인 버튼 (JavaScript 이벤트용)
• `input[type=submit]`: 폼 제출 버튼
• `input[type=reset]`: 폼 초기화 버튼
• 공통 스타일링 요소들:
• `background-color: #04AA6D`: 녹색 배경 (브랜드 컬러)
• `border: none`: 기본 테두리 제거
• `color: white`: 흰색 텍스트 (대비 효과)
• `padding: 16px 32px`: 클릭하기 좋은 크기
• `cursor: pointer`: 마우스 포인터 변경 (클릭 가능 표시)
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.