Table >> Spacing >> Cell Padding
|
|
Cell Padding
We apply cell padding to make the cell borders not that near with the cell data.
To apply cell padding on your table, simply add this property on your <table> tag, cellpadding=""
Take a look at the examples below:
<table border=1 cellpadding=0>
<tr>
<td>1
<td>2
<td>3
<tr>
<td>4
<td>5
<td>6
<tr>
<td>7
<td>8
<td>9
</table>
|
No Cell Padding
Border = 1
|
|
<table border=1 cellpadding=5>
<tr>
<td>1
<td>2
<td>3
<tr>
<td>4
<td>5
<td>6
<tr>
<td>7
<td>8
<td>9
</table>
|
Cell Padding = 5
Border = 1
|
|
<table border=1 cellpadding=10>
<tr>
<td>1
<td>2
<td>3
<tr>
<td>4
<td>5
<td>6
<tr>
<td>7
<td>8
<td>9
</table>
|
Cell Padding = 10
Border = 1
|
| | | |
|
|
|
|