728x90
반응형
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
caption {
color: green;
font-weight: bold;
}
table {
text-align: center;
width: 400px;
border-spacing: 0.2;
}
tr, td{
border: 1px solid black;
}
thead, tfoot {
background-color: rgb(214, 214, 214);
font-weight: bold;
}
</style>
</head>
<body>
<table>
<caption>요안도라 객실</caption>
<thead>
<tr>
<td>방이름</td>
<td>대상</td>
<td>크기</td>
<td>가격</td>
</tr>
</thead>
<tbody>
<tr>
<td>유채방</td>
<td>여성 도미토리</td>
<td rowspan="3">4인실</td>
<td rowspan="4">1인 20,000원</td>
</tr>
<tr>
<td rowspan="2">동백방</td>
<td>동성 도미토리</td>
</tr>
<tr>
<td>가족 1팀</td>
</tr>
<tr>
<td>천혜향방</td>
<td>-</td>
<td>2인실</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="4">바깥채 전체를 렌트합니다.</td>
</tr>
</tfoot>
</table>
</body>
</html>728x90
반응형