how to take out table border from table in html:
This is help you remove the default border from the table and display the single type border. For that you just use border-collapse:collapse; for table
Table with default border:
<table width="890" border="1">
<tr>
<td>table with standard border</td>
<td>table with standard border</td>
<td>table with standard border</td>
<td>table with standard border</td>
<td>table with standard border</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<br><br>
<tr>
<td>table with standard border</td>
<td>table with standard border</td>
<td>table with standard border</td>
<td>table with standard border</td>
<td>table with standard border</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<br><br>
Table with border:
<table border="1" style="border-collapse:collapse;">
<tr>
<td> take out border from table....</td>
<td> take out border from table....</td>
<td> take out border from table....</td>
<td> take out border from table....</td>
<td> take out border from table....</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<tr>
<td> take out border from table....</td>
<td> take out border from table....</td>
<td> take out border from table....</td>
<td> take out border from table....</td>
<td> take out border from table....</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
1 Comments
Thank you!!!
ReplyDelete