سایت آموزشی فری لرن
اجرا کن
مشاهده خروجی
<!DOCTYPE html> <html> <head> <style> img{ max-width: 100%; } .MyBox,h2{ text-align: center; } .Image-1{ background-color: #04AA6D; width: 250px; height: 250px; object-fit: scale-down; object-position: top; } .Image-2{ background-color: #04AA6D; width: 250px; height: 250px; object-fit: scale-down; object-position: bottom; } </style> </head> <body> <h2>object-position: top</h2> <div class="MyBox"> <img src="files/bg6.jpg" class="Image-1"> </div> <h2>object-position: bottom</h2> <div class="MyBox"> <img src="files/bg6.jpg" class="Image-2"> </div> </body> </html>
اشتراک گذاری
×
کپی آدرس
آدرس با موفقیت کپی شد
