الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <style> table { width: 100%; border-collapse: collapse; } th, td { padding: 10px; text-align: left; border-bottom: 1px solid #ddd; } tr:hover { background-color: beige; } </style> </head> <body> <h1>Hoverable Table</h1> <p>Move the mouse over the table rows to see the hover effect.</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>