How to apply cellspacing for HTML table?


In this article i would like to explain what is cellspacing in HTML. I also explain with an example on how to create a table with cell spacing and without cellspacing. And also attached screen shots for different out puts.

Cellspacing :

By using cellspacing we can define space between cells in terms of pixels.

For example:

cellspacing="2"

Let us go through an example of Defining a table without cellspacing,with cellspacing :

Defining a table without cellspacing:


<table border="2" width="50%">
<tr style="font-weight:bold;">
<td>Employee Name</td>
<td>Salary</td>
</tr>
<tr>
<td>Kumar</td>
<td>10000/-</td>
</tr>
<tr>
<td>Guru</td>
<td>30000/-</td>
</tr>
<tr>
<td>Praveen</td>
<td>20000/-</td>
</tr>
</table>


Defining a table with cellspacing:


<table border="2" width="50%" cellspacing="8">
<tr style="font-weight:bold;">
<td>Employee Name</td>
<td>Salary</td>
</tr>
<tr>
<td>Kumar</td>
<td>10000/-</td>
</tr>
<tr>
<td>Guru</td>
<td>30000/-</td>
</tr>
<tr>
<td>Praveen</td>
<td>20000/-</td>
</tr>
</table>


Thanks & Regards
Guruvu Setty


Attachments

Comments

No responses found. Be the first to comment...