اجرا ❯
بازگشت
به
آموزشگاه
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html dir="rtl"> <head> <style> img { border: 1px solid #ddd; border-radius: 4px; padding: 5px; width: 150px; } img:hover { box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5); } </style> </head> <body> <h2>تصویر بندانگشتی بعنوان لینک</h2> <p>از ویژگی border برای ایجاد تصاویر بندانگشتی استفاده کنید. یک تصویر را در داخل یک عنصر a قرار دهید تا به صورت یک لینک درآید. </p> <p>ماوس خود را روی تصویر زیر ببرید و روی آن کلیک کنید تا تاثیر را مشاهده کنید</p> <a target="_blank" href="paris.jpg"> <img src="other/paris.jpg" alt="Paris" style="width:150px"> </a> </body> </html>
