الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <style> table { width: 100%; border-collapse: collapse; } th, td { padding: 10px; text-align: left; border-bottom: 1px solid #ddd; } th { color: white; background-color: #0d6efd; } tr:nth-child(even) { background-color: #f1f1f1; } </style> </head> <body> <h1>Striped Table</h1> <p>Use the nth-child() selector and add a background-color to all even or odd table rows to make the table looks striped</p> <table> <tr> <th>User</th> <th>Country</th> </tr> <tr> <td>Mhamad</td> <td>Lebanon</td> </tr> <tr> <td>Hala</td> <td>Egypt</td> </tr> <tr> <td>Saad</td> <td>Yaman</td> </tr> <tr> <td>Moncef</td> <td>Algeria</td> </tr> </table> </body> </html>