<table>
<thead>
<tr>
<th>항목</th>
<th scope="col">지출</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">식빵</th>
<td>3,000</td>
</tr>
<tr>
<th scope="row">커피</th>
<td>4,500</td>
</tr>
</tbody>
<tfoot>
<tr>
<th scope="row">합계</th>
<td>7,500</td>
</tr>
</tfoot>
</table>
table {
border-collapse: collapse;
}
thead,
tfoot {
background: #dddd;
color: #333;
}
th,
td {
border: 1px solid #777;
padding: 8px;
}