Table with separated borders

Sat Feb 25, 2012 10:44 pm

In this example we show example of table with border around the table itself and around its cells, and both borders are separated.

Code:: <html> <head> <title>Table with separated borders</title> <style type="text/css"> table.separate { border-collapse: separate; background-color:#6576CC; border:3px solid #CC0000; } table.separate td { border: 2px solid #CC3311; } </style> </head> <body> <table class="separate"> <caption>Table with separated borders</caption> <tr> <td>Row 1 data1</td> <td> Row 1 data2</td> </tr> <tr> <td>Row 2 data1</td> <td>Row 2 data2</td> </tr> <tr> <td>Row 3 data1</td> <td>Row 3 data2</td> </tr> </table> </body> </html>