CSS - 문제 미리보기
문제 1170
medium
다음 코드에서 `5px`가 나타내는 것은?
```css
.title {
text-shadow: 2px 2px 5px blue;
}
```
```css
.title {
text-shadow: 2px 2px 5px blue;
}
```
정답: C
`text-shadow`의 세 번째 값은 **블러 반경(blur radius)**을 나타냅니다.
text-shadow 값의 순서:
```css
text-shadow: 가로오프셋 세로오프셋 블러반경 색상;
```
블러 반경의 효과:
• 0 또는 생략: 선명한 그림자 (기본값)
• 양수: 블러 효과로 부드러운 그림자
• 값이 클수록: 더 흐릿하고 넓게 퍼진 그림자
text-shadow 값의 순서:
```css
text-shadow: 가로오프셋 세로오프셋 블러반경 색상;
```
블러 반경의 효과:
• 0 또는 생략: 선명한 그림자 (기본값)
• 양수: 블러 효과로 부드러운 그림자
• 값이 클수록: 더 흐릿하고 넓게 퍼진 그림자
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.