HTML - 문제 미리보기
문제 922
hard
다음 코드에서 테이블의 셀 간격(cell spacing)과 셀 내부 여백(cell padding)을 설명한 것으로 올바른 것은?
```css
table {
border-spacing: 10px;
}
th, td {
padding: 20px;
}
```
정답: A
이 코드는 두 가지 서로 다른 여백을 설정합니다:
• `border-spacing: 10px`: 테이블의 각 셀 사이의 간격을 10픽셀로 설정합니다. 이는 셀과 셀 사이의 빈 공간을 의미합니다.
• `padding: 20px`: 각 셀 내부에서 테두리와 내용 사이의 여백을 20픽셀로 설정합니다.
따라서 셀들 사이에는 10픽셀의 간격이 있고, 각 셀 내부에서는 내용 주위에 20픽셀의 여백이 있게 됩니다. 이 두 속성은 서로 다른 영역에 영향을 주므로 독립적으로 설정할 수 있습니다.
💡 학습 팁
이 문제를 포함한 HTML 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.