CSS Table

CSS table allow you to set the layout of a table.

Example...

<html> <head> <style type="text/css"> table.freedom { table-layout: automatic } </style> </head> <body>

text123456788888888888

text1111111

text

<html> <head> <style type="text/css"> table { border-collapse: separate; empty-cells: show } </style> </head> <body>

<table border="1"> <tr> <td>Honey</td> <td>Rafe</td> </tr> <tr> <td>Sandeep</td> <td></td> </tr> </table>

</body> </html>

Honey	Rafe
Sandeep

<html> <head> <style type="text/css"> table.text { border-collapse: collapse } table.text1 { border-collapse: separate } </style> </head> <body>

<table class="text" border="1"> <tr> <td>Honey</td> <td>Rafe</td> </tr> <tr> <td>Sandeep</td> <td>Anand</td> </tr> </table>

<br />

<table class="text1" border="1"> <tr> <td>Honey</td> <td>Rafe</td> </tr> <tr> <td>Sandeep</td> <td>Anand</td> </tr> </table>

</body> </html>

Honey	Rafe
Sandeep	Anand

Honey	Rafe
Sandeep	Anand

Post Comment