اجرا ❯
بازگشت
به
آموزشگاه
×
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 { padding: 8px; text-align: right; border-bottom: 1px solid #ddd; } tr:hover {background-color: coral;} </style> </head> <body> <h2>جدول با قابلیت هایلایت شدن</h2> <p>ماوس خود را روی ردیف جدول ببرید تا تاثیر را مشاهده کنید</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>
