جداکننده های افقی
بازگشت به صفحه اصلی
بازگشت به صفحه مقاله
دو ستونی
دو سطری
اجرای کد RUN »
<!DOCTYPE html> <html> <head> <style> table { border-collapse: collapse; width: 100%; } th, td { padding: 8px; text-align: right; border-bottom: 1px solid #ddd; } h2,table,p {direction:rtl;} </style> </head> <body> <h2>جدول حاشیه دار متمایز</h2> <p> صفت border-bottom را برای th و td تعیین کنید تا خطوط جداکننده افقی ایجاد شوند : </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>