CSS - 문제 미리보기
문제 1213
hard
다음 세 가지 CSS 코드의 결과로 나타나는 테두리의 차이점을 올바르게 설명한 것은?
```css
/* 코드 A */
table, th, td { border: 1px solid; }
/* 코드 B */
table { border-collapse: collapse; }
table, th, td { border: 1px solid; }
/* 코드 C */
table { border: 1px solid; }
```
정답: A
코드 A는 table, th, td 모든 요소에 테두리를 적용하지만 border-collapse가 없어서 이중 테두리가 나타납니다.
코드 B는 border-collapse: collapse로 인해 겹치는 테두리들이 하나로 합쳐져 깔끔한 단일 테두리가 됩니다.
코드 C는 table 요소에만 테두리를 적용했으므로 테이블 전체 외곽에만 테두리가 나타나고 개별 셀에는 테두리가 없습니다.
이는 테이블 스타일링의 핵심 개념들을 보여주는 중요한 차이점입니다.
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.