CSS - 문제 미리보기
문제 1320
medium
갤러리 항목에 마우스를 올렸을 때 테두리 색상이 변하는 효과를 주는 CSS는?
```css
div.gallery {
border: 1px solid #ccc;
}
div.gallery_____ {
border: 1px solid #777;
}
```
정답: B
• `:hover` 가상 선택자는 사용자가 요소에 마우스를 올렸을 때 스타일을 적용합니다
• 호버 효과의 사용자 경험:
• 평상시: 연한 회색 테두리 (`#ccc`)
• 마우스 오버 시: 진한 회색 테두리 (`#777`)
• 시각적 피드백으로 상호작용 가능함을 알려줌
• 갤러리에서 호버 효과의 중요성:
• 사용자가 클릭 가능한 요소임을 직관적으로 알 수 있음
• 현재 보고 있는 항목을 명확히 구분
• 더 나은 사용자 경험 제공
• 다른 선택자들의 용도:
• `:active`: 클릭하는 순간에만 적용
• `:focus`: 키보드 탐색이나 포커스 받을 때
• `:visited`: 방문한 링크에 적용
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.