تغيير خلفية صورة و توسيطها باستعمال css

يمكنك توسيط صورة عن طريق كتابة قاعدة css كما يلي:

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

و من ثم علينا وضع الصنف center في مكون ال html الذي يمثل الصورة التي نريد توسيطها، أي كما يلي مثلاً:

<img src="..." ... class="center">

السؤال الأول غير مفهوم تماماً، هل تقصد مثلاً أن يكون لديك صورة لقطة في حديقة و تريد تغيير الخلفية التي هي الحديقة أم ماذا؟

أما عن تغيير الخلفية , فلا تستطيع ذلك لأنها وظيفة المصمم

أما عن توسيط الصورة فلديك عدة طرق

كل الطرق تستخدم نفس كود ال html :

<div>
	<img src="" />
</div>

الطريقة الأولى :

div {
      text-align: center;
    }

الطريقة الثانية:

  div {
      display: flex;
      justify-content: center;
    }

الطريقة الثالثة:

 div {
      display: grid;
      place-items: center;
    }

الطريقة الرابعة:

img {
      display: block;
      margin: 0 auto;
    }

الطريقة الخامسة:

 img {
      display: block;
      margin: 0 auto;
      width: 40%;
    }