اجرا ❯
بازگشت
به
آموزشگاه
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html dir="rtl"> <head> <style> table { border-collapse: collapse; width: 100%; } th, td { text-align: right; padding: 8px; } tr:nth-child(even) {background-color: #f2f2f2;} </style> </head> <body> <h2>جدول راه راه</h2> <p>برای راه راه کردن جدول ها، از دستور nth-child استفاده کنید و از ویژگی background-color برای رنگی کردن تمام ردیف های زوج یا فرد جدول استفاده کنید. </p> <table> <tr> <th>نام</th> <th>نام خانوادگی</th> <th>پس انداز</th> </tr> <tr> <td>علی</td> <td>علیایی</td> <td>$100</td> </tr> <tr> <td>احسان</td> <td>عباسی</td> <td>$150</td> </tr> <tr> <td>ابوالفضل</td> <td>رحیمی</td> <td>$300</td> </tr> <tr> <td>حسین</td> <td>رحیمی</td> <td>$250</td> </tr> </table> </body> </html>
