HTML - 문제 미리보기
문제 912
hard
다음 코드의 결과로 테이블이 어떻게 보일까요?
```css
table, th, td {
border: 1px solid white;
border-collapse: collapse;
}
th, td {
background-color: #96D4D4;
}
```
정답: B
이 코드는 "보이지 않는 테두리" 효과를 만듭니다. 테두리 색상을 흰색(`white`)으로 설정하고, 셀의 배경색을 청록색(`#96D4D4`)으로 설정했습니다. 문서의 배경색이 일반적으로 흰색이므로, 흰색 테두리는 배경과 같은 색이 되어 시각적으로 보이지 않습니다. 하지만 실제로는 테두리가 존재하므로 셀들 사이에 흰색 선이 있어서 셀들이 분리되어 보입니다. 이는 깔끔한 테이블 디자인을 만드는 기법 중 하나입니다.
💡 학습 팁
이 문제를 포함한 HTML 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.