다음 코드의 각 값이 나타내는 의미를 올바르게 설명한 것은? ```css div { ... | CSS

CSS - 문제 미리보기

문제 1404

medium

다음 코드의 각 값이 나타내는 의미를 올바르게 설명한 것은? ```css div { box-shadow: 10px 10px 5px lightblue; } ```

A. 수평 10px, 수직 10px, 색상 5px, 블러 lightblue

B. 수평 10px, 수직 10px, 블러 5px, 색상 lightblue

C. 블러 10px, 색상 10px, 수평 5px, 수직 lightblue

D. 색상 10px, 블러 10px, 수평 5px, 수직 lightblue

정답: B

• `box-shadow`의 기본 문법 순서: `수평오프셋 수직오프셋 블러반경 색상` • 각 값의 의미: • `10px` (첫 번째): 수평으로 오른쪽 10px 이동 • `10px` (두 번째): 수직으로 아래쪽 10px 이동 • `5px` (세 번째): 블러 반경 (그림자 흐림 정도) • `lightblue`: 그림자 색상 • 블러 값이 클수록 그림자가 더 부드럽고 흐려집니다

💡 학습 팁

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