HTML
CSS
Deno
Examples
Do It Yourself
Type in your code below
Run
<html> <head> <style> .intrTable { border-collapse: collapse; } .intrTable thead, .intrTable th { background-color: #7777777; font-weight: bold; } th { text-align: left; } .intrTable td, .intrTable th { font-weight: normal; border: solid 1px #656565; padding: 10px; } .intrTable tbody, .intrTable tr:nth-of-type(even) { background-color: #eeeeee; } .intrTable tr:nth-of-type(odd) { background-color: #f5f5f5; } </style> </head> <body> <table class="intrTable"> <tbody> <tr> <th>S/N</th> <th>Name</th> <th>Age</th> <th>Gender</th> </tr> <tr> <td>1</td> <td>Erisan Olasheni</td> <td>19</td> <td>Male</td> </tr> <tr> <td>2</td> <td>Adeolu Mayowa</td> <td>17</td> <td>Female</td> </tr> <tr> <td>3</td> <td>Deje Ayeola</td> <td>21</td> <td>Male</td> </tr> <tr> <td>4</td> <td>Kelly Wilford</td> <td>16</td> <td>Male</td> </tr> </tbody> </table> </body> </html>