css-table-nth-child
RUN
<!DOCTYPE html> <html> <head> <style> table, td, th { border: 1px solid green; } table { border-collapse: collapse; } td, th { padding: 10px; } th { background-color: gray; color: white; } table { width: 500px;; } th { height: 40px; } td { text-align: center; } tr:hover { background-color: green; color: white; } tr:nth-child(even) {background-color: yellow;} tr:nth-child(odd) {background-color: green;} </style> </head> <body> <table> <tr> <th>Họ Và Tên</th> <th>Năm sinh</th> </tr> <tr> <td>Nguyễn Văn A</td> <td>1992</td> </tr> <tr> <td>Nguyễn Văn B</td> <td>1993</td> </tr> <tr> <td>Nguyễn Văn C</td> <td>1994</td> </tr> <tr> <td>Nguyễn Văn D</td> <td>1995</td> </tr> <tr> <td>Nguyễn Văn E</td> <td>1996</td> </tr> <tr> <td>Nguyễn Văn F</td> <td>1992</td> </tr> <tr> <td>Nguyễn Văn A</td> <td>1992</td> </tr> </table> </body> </html>
PHÓNG TO