728x90
반응형
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
table {
caption-side: bottom;
border: 1px solid black;
border-collapse: collapse;
text-align: center;
border-spacing: 5px 5px;
}
tr, td{
border: 1px solid black;
}
.heading {
background-color: rgb(214, 214, 214);
font-weight: bold;
}
</style>
</head>
<body>
<table>
<caption>2019 국민 도서실태.</caption>
<tr>
<td class="heading">구분</td>
<td class="heading">성인</td>
<td class="heading">독서자</td>
</tr>
<tr>
<td class="heading">종이책</td>
<td>6.1권</td>
<td>11.8권</td>
</tr>
<tr>
<td class="heading">전자책</td>
<td>1.2권</td>
<td>7.1권</td>
</tr>
<tr>
<td class="heading">오디오북</td>
<td>0.2권</td>
<td>5.5권</td>
</tr>
</table>
</body>
</html>728x90
반응형
'정보 > WEB' 카테고리의 다른 글
| display속성과 margin (0) | 2022.12.28 |
|---|---|
| 표 스타일2 (0) | 2022.12.28 |
| font연습2 (0) | 2022.12.28 |
| font연습 (0) | 2022.12.28 |
| CSS형제선택자 연습 (0) | 2022.12.28 |