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
반응형
'Web Programming > CSS' 카테고리의 다른 글
| CSS / object-fit 이미지 비율 유지하면서 채우기 (0) | 2021.06.23 |
|---|---|
| CSS / 링크 상태 속성 / <a>태그 CSS / 밑줄 없애기,변경하기 (0) | 2021.05.07 |
| CSS/기호/공백/띄어쓰기/<> (0) | 2021.05.04 |
