How to set cellspacing in tables only horizontally
-
09-07-2021 - |
문제
I would like to style the table written below.
<table border="1" cellspacing="10">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
The problem is that cellspacing sets the space between cells both horizontaly and verticaly, I would like it to be done only horizontaly. Is there a way to do this.
해결책
Use the border-spacing
CSS property on the table. Browser support is fairly good (excluding mainly IE up to and including IE 7). Example:
table { border-spacing: 10px 0; }
다른 팁
Try CSS
table td{
padding:0px 10px 0px 10px; /* top right bottom left */
}
제휴하지 않습니다 StackOverflow