<html> <head> <style> table{ width:100%; } table, th, td{ border:1px solid rgba(220,220,220,0.5); border-collapse:collapse; } table td,th{ padding:10px 20px; } table th{ background-color:rgba(15,157,88,1); color:white; } table tr:nth-of-type(2n+1){ background-color:rgba(220,220,220,0.5); } </style> </head> <body> <table> <tr> <th>Student</th> <th>Credit Hours</th> <th>Obtained Marks</th> <th>Total Marks</th> </tr> <tr> <td>Madelene</td> <td>3</td> <td>630</td> <td>800</td> </tr> <tr> <td>Farnley</td> <td>3</td> <td>619</td> <td>800</td> </tr> <tr> <td>Maddie</td> <td>3</td> <td>659</td> <td>800</td> </tr> <tr> <td>Bailey</td> <td>4</td> <td>594</td> <td>800</td> </tr> <tr> <td>Ada</td> <td>4</td> <td>550</td> <td>800</td> </tr> <tr> <td>Acley</td> <td>4</td> <td>510</td> <td>800</td> </tr> </table> </body> </html>
Run
×
Share