CSS - 문제 미리보기

문제 1400

medium
다음 코드의 실행 결과로 올바른 것은?
```css
h1 {
text-shadow: 2px 2px 5px red;
}
```
A. 빨간색 그림자가 오른쪽 2px, 아래쪽 2px에 위치하고, 블러 효과는 없음
B. 빨간색 그림자가 오른쪽 2px, 아래쪽 2px에 위치하고, 5px 블러 효과가 적용됨
C. 빨간색 그림자가 오른쪽 5px, 아래쪽 5px에 위치하고, 2px 블러 효과가 적용됨
D. 검은색 그림자가 오른쪽 2px, 아래쪽 2px에 위치하고, 5px 블러 효과가 적용됨

정답: B

• `text-shadow`의 완전한 문법은 `수평이동 수직이동 블러반경 색상` 순서입니다

• `2px 2px 5px red`에서 각각의 의미:
• 첫 번째 `2px`: 수평으로 오른쪽 2px 이동
• 두 번째 `2px`: 수직으로 아래쪽 2px 이동
• `5px`: 블러 반경 (그림자가 흐려지는 정도)
• `red`: 그림자 색상

• 블러 값이 클수록 그림자가 더 부드럽고 흐려집니다

💡 학습 팁

이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.