border 적용시 선이 이중으로 생성되는 경우
border-collapse: collapse; 설정해주면 하나로 합쳐진다
👇
<style>
table, tr, td {
border: 1px solid black;
}
table {
width: 500px;
height: 300px;
border-collapse: collapse;
margin: 100px;
}
</style>
-------------------------------------------------------
<body>
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
