Table colors CSS - Tryit Editor for Web Developers
Edit This Code:
See Result »
<html> <head> <style> table { border-collapse: collapse; width: 100%; } th, td { text-align: left; padding: 15px; } tr:nth-child(even){background-color: lightpink;} th { background-color: brown; color: white; } </style> </head> <body> <h1>Colored Table Header:</h1> <table> <tr> <th>Firstname</th> <th>Lastname</th> <th>Savings</th> </tr> <tr> <td>Ali</td> <td>Ghafoor</td> <td>$88</td> </tr> <tr> <td>Asad</td> <td>Arshad</td> <td>$77</td> </tr> <tr> <td>Sajid</td> <td>Waheed</td> <td>$2</td> </tr> <tr> <td>Maria</td> <td>Rashid</td> <td>$25</td> </tr> </table> </body> </html>
Result: