<tfoot>: 표 바닥글 요소
HTML 요소는 테이블의 열을 요약하는 행들의 집합입니다.
HTML 요소는 테이블의 열을 요약하는 행들의 집합입니다.
HTML
<table>
<caption>
Council budget (in £) 2018
</caption>
<thead>
<tr>
<th scope="col">Items</th>
<th scope="col">Expenditure</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Donuts</th>
<td>3,000</td>
</tr>
<tr>
<th scope="row">Stationery</th>
<td>18,000</td>
</tr>
</tbody>
<tfoot>
<tr>
<th scope="row">Totals</th>
<td>21,000</td>
</tr>
</tfoot>
</table>
CSS
thead,
tfoot {
background-color: #2c5e77;
color: #fff;
}
tbody {
background-color: #e4f0f5;
}
table {
border-collapse: collapse;
border: 2px solid rgb(140 140 140);
font-family: sans-serif;
font-size: 0.8rem;
letter-spacing: 1px;
}
caption {
caption-side: bottom;
padding: 10px;
}
th,
td {
border: 1px solid rgb(160 160 160);
padding: 8px 10px;
}
td {
text-align: center;
}
| 콘텐츠 카테고리 | 없음. | ||||||||
|---|---|---|---|---|---|---|---|---|---|
| 가능한 콘텐츠 | 0개 이상의 ` | ||||||||
| 태그 생략 |
여는 태그는 필수입니다. 부모 `` 요소에 더
이상의 컨텐츠가 없는 경우에는 닫는 태그를 생략할 수 있습니다.
|