<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
table{
border : 3px solid blue;
margin : 20px;
}
td{
width : 200px;
height : 50px;
text-align : center;
}
th{
height : 50px;
background-color : lightgreen;
}
table#tab1{
border-collapse : collapse;
}
table#tab2{
border-spacing: 10px;
/*empty-cells : hide; */
}
</style>
</head>
<body>
<table id = "tab1" border="1">
<tr>
<th>제목1</th>
<th>제목2</th>
<th>제목3</th>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
<table id = "tab2" border="1">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td></td>
</tr>
</table>
</body>
</html>
😀 참고자료
😀 실행
