Web Programming/CSS
table , tr 간격 만들기 / border-spacing
hyeon-H
2021. 6. 14. 16:44
728x90
반응형
border-spacing 사용
<table>태그의 <td>들의 간격을 주는 방법입니다.
CSS
<style>
table{
border:1px solid black;
width:200px;
}
td{
border:1px solid black;
}
table {
border-collapse: separate;
border-spacing:30px 10px;
}
</style>
html
<body>
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
</body>728x90
반응형