Basic HTML

 
 
          

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:

HTML - Code Description Sample Output
<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
  • 1 2 3
    4 5 6
    7 8 9
    <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
  • 1 2 3
    4 5 6
    7 8 9
    <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
  • 1 2 3
    4 5 6
    7 8 9

    Table >> Spacing >> Cell Spacing Table >> Spanning