OneCompiler

Creating table in html

227
<!DOCTYPE html> <html lang="en"> <head> <title>Document</title> <style> table,th,td{ border: 2px solid rgb(14, 192, 59); border-collapse: collapse; width: 50%; padding: 10px; 
    }

    th{
        background-color: rgb(208, 195, 200);
        color: rgb(62, 22, 208);
        font-size:large;
        font-family: 'Times New Roman', Times, serif;
    }

    td:hover{
        color: rgb(61, 147, 61);
        background-color: rgb(170, 31, 114);
    }

    tr{
        color: violet;
        background-color: antiquewhite;
    }

    td{
        text-align: center;
    }
    tr:nth-child(odd):hover{
        color: green;
        background-color: orange;
    }   
    tr:nth-child(even):hover{
        color: green;
        background-color:red;
    }        
    
</style>
</head> <body> <table> <tr> <th>sl.no</th> <th>Name</th> <th>Location</th> </tr> <tr> <td>01</td> <td>Vignesh</td> <td>Mumbai</td> </tr> <tr> <td>02</td> <td>krupa</td> <td>Bangalore</td> </tr> <td>03</td> <td>Prasad</td> <td>Kolkata</td> <tr> <td>04</td> <td>Mohan</td> <td>Hyderabad</td> </tr> <tr> <td>05</td> <td>Gireesh</td> <td>Chennai</td> </tr> <td>06</td> <td>Manikanta</td> <td>Delhi</td> </tr> <td>07</td> <td>Pothuraju</td> <td>Noida</td> </table> </body> </html>