اجرا ❯
بازگشت
به
آموزشگاه
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html dir="rtl"> <head> <style> #customers { font-family: Arial, Helvetica, sans-serif; border-collapse: collapse; width: 100%; } #customers td, #customers th { border: 1px solid #ddd; padding: 8px; } #customers tr:nth-child(even){background-color: #f2f2f2;} #customers tr:hover {background-color: #ddd;} #customers th { padding-top: 12px; padding-bottom: 12px; text-align: center; background-color: #04AA6D; color: white; } </style> </head> <body> <h1>یک جدول فانتزی</h1> <table id="customers"> <tr> <th>شرکت</th> <th>شهر</th> <th>کشور</th> </tr> <tr> <td>دیجی کالا</td> <td>تهران</td> <td>ایران</td> </tr> <tr> <td>روبوایکیو</td> <td>تهران</td> <td>ایران</td> </tr> <tr> <td>بیاموز</td> <td>اصفهان</td> <td>ایران</td> </tr> <tr> <td>مخابرات</td> <td>شیراز</td> <td>ایران</td> </tr> <tr> <td>مبتکران</td> <td>تهران</td> <td>ایران</td> </tr> </table> </body> </html>
