آموزش قرار دادن عکس در وسط صفحه

در این مقاله می آموزید که چطور با استفاده از CSS و Html یک تصویر را در مرکز صفحه قرار دهید.

قدم اول : کد HTML را اضافه کنید.
مثال :

            < img src="https://www.tahlildadeh.com/Courses/CourcesImages/pythonAd2023-10-11-10-14-43.jpg" alt="web-design" class="center">

قدم دوم : کد CSS را اضافه کنید.
مثال :

برای مرکزیت دادن به تصویر ، حاشیه چپ و راست را بصورت auto تنظیم کرده و نوع display آن را به block تبدیل کنید.

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

خروجی

آموزشگاه برنامه نویسی تحلیل داده برگزار کننده انواع دوره آموزش برنامه نویسی ، با بهره گیری از اساتید مجرب و منابع آموزشی به‌روز، شما را در مسیری هموار به سوی موفقیت هدایت می‌کند.

1404/01/26 21476 641

رمز عبور : tahlildadeh.com یا www.tahlildadeh.com

نظرات شما