CSS - 문제 미리보기

문제 1098

medium
다음 중 점선 테두리를 만드는 올바른 코드는?
A. ```css .box { border-style: dots; } ```
B. ```css .box { border-style: dotted; } ```
C. ```css .box { border-style: pointed; } ```
D. ```css .box { border-style: circle; } ```

정답: B

점선 테두리는 `dotted` 값으로 만듭니다. CSS의 border-style 값들은 정확한 키워드를 사용해야 합니다. 점선과 관련된 스타일들: • dotted: 점선 (· · · ·) ✓ • dashed: 대시선 (- - - -) - 점선과 비슷하지만 다름 잘못된 선택지들: • dots: 존재하지 않는 값 • pointed: 존재하지 않는 값 • circle: 존재하지 않는 값 시각적 차이: ```css .dotted-border { border-style: dotted; } /* · · · · */ .dashed-border { border-style: dashed; } /* - - - - */ .solid-border { border-style: solid; } /* ━━━━ */ ``` 점선은 섬세하고 부드러운 느낌을 주어 장식적인 목적이나 구분선으로 자주 사용됩니다.

💡 학습 팁

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