<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>마무리문제 3 </title>
<style>
table {
caption-side:bottom;
border:1px solid black;
border-collapse:collapse;
}
td,th {
padding:10px;
border:1px solid black;
}
.heading {
background-color:#eee;
}
</style>
</head>
<body>
<table>
<caption>2019 국민 독서실태</caption>
<thead>
<tr class="heading">
<th>구분</th>
<th>성인</th>
<th>독서자</th>
</tr>
</thead>
<tbody>
<tr>
<th class="heading">종이책</th>
<td>6.1권</td>
<td>0.2권</td>
</tr>
<tr>
<th class="heading">전자책</th>
<td>1.2권</td>
<td>7.1권</td>
</tr>
<tr>
<th class="heading">오디오북</th>
<td>0.2권</td>
<td>5.5권</td>
</tr>
</tbody>
</table>
</body>
</html>
결과 :마무리문제 3
'css' 카테고리의 다른 글
| 8장 실습 1 (0) | 2023.03.27 |
|---|---|
| 7장 마무리 문제 4 (0) | 2023.03.26 |
| 7장 마무리 문제 2 (0) | 2023.03.26 |
| 7장 마무리 문제 1 (0) | 2023.03.26 |
| 7장 예제 - 표 스타일 다양하게 적용하기 (0) | 2023.03.26 |