جدول های نواری
بازگشت به صفحه اصلی
بازگشت به صفحه مقاله
دو ستونی
دو سطری
اجرای کد RUN »
<!DOCTYPE html> <html> <head> <style> table { border-collapse: collapse; width: 100%; } th, td { text-align: right; padding: 8px; } tr:nth-child(even){background-color: #dddddd} h2,table,p {direction:rtl;} </style> </head> <body> <h2>جدول نواری</h2> <p>برای جدول های نواری به اصطلاح گورخری, ازسلکتور nth-child() selector استفاده کنید و یک background-color به همه ردیف های زوج (یا فرد) جدول بدهید :</p> <table> <tr> <th>نام</th> <th>نام خانوادگی</th> <th>پس انداز</th> </tr> <tr> <td>رضا </td> <td>دهلوی </td> <td>15.487.245.312 درغاز</td> </tr> <tr> <td>روح اله </td> <td>خبیری</td> <td>21.512.648.635 درغاز</td> </tr> <tr> <td>علی </td> <td>سرابی</td> <td>4.512.358.964 درغاز</td> </tr> <tr> <td>محمد</td> <td>خواجوی</td> <td>9.324.257.651 درغاز</td> </tr> </table> </body> </html>