<html> <head> <title>Table Colgroup</title> </head> <body> <style type="text/css"> table { border-collapse: collapse; width: 100%; text-align: left; } table, td, th { border: 1px solid lightgray; padding: 10px; } .left-column { background: #eee; } </style> <table> <colgroup class="left-column"></colgroup> <colgroup span="3"></colgroup> <tr> <th>F T L</th> <th>F T L</th> <th>F T L</th> <th>F T L</th> </tr> <tr> <td>Lists</td> <td>Links</td> <td>tables</td> <td>marque</td> </tr> <tr> <td>Inline CSS</td> <td>Internal CSS</td> <td>External CSS</td> <td>Backgrouns</td> </tr> <tr> <td>Effects</td> <td>Slide</td> <td>Fade</td> <td>Animations</td> </tr> </table> </body> </html>
Output :
Topic :
Table Colgroup
