<!DOCTYPE html> <html> <head> <title>Simple Table Demo</title> <style type="text/css"> table { vertical-align:top; box-shadow: 6px 6px 5px #999; -webkit-box-shadow: 6px 6px 5px #999; -moz-box-shadow: 6px 6px 5px #999; } table th{ color:yellow; padding:8px 7px; text-align:left; font-size:16px; background: maroon; } table td{ color:#000000; font-weight: 500; padding:4px 6px; } table, th,table, td{ vertical-align:top; border:1.5px solid green; } th, td { text-align: left; padding: 8px; font-size: 16px; } tr:nth-child(even) { background-color: #eeeeee; } tr:nth-child(odd) { background-color: #ffffff; } </style> </head> <body> <table> <th>Student Name</th> <th>College</th> <tr> <td>Prayag</td> <td>Anna University</td> <tr> <td>Pankaj</td> <td>aimtocode tut</td> <tr> <td>Rakesh</td> <td>aimtocode tut</td> <tr> <td>Hazra</td> <td>JAC</td> <tr> <td>Mugu</td> <td>aimtocode tut</td> </tr> </table> </body> </html>