كيفية تنفيذ صور CSS المليئة بـ div

 <ديف>
        <img src="تقديم عنوان الصورة" alt="" class="Img">
</div>

 شعبة {
العرض: 500 بكسل؛
الارتفاع: 500 بكسل؛
}
.إمغ{
    العرض: 100%؛
    الارتفاع: 100%؛
    ملاءمة الكائن: الغطاء؛
}

 شعبة {
	العرض: 500 بكسل؛
	الارتفاع: 500 بكسل؛
	الموقف:نسبي؛
	تجاوز: مخفي؛
	}
.إمغ{
	الموقف: مطلق؛
	أعلى: 50%؛
	اليسار: 50%؛
	عرض: كتلة؛
	الحد الأدنى للعرض: 100%؛
	الحد الأدنى للارتفاع: 100%؛
	تحويل:ترجمة(-50%,-50%));
}

 <div class="container"></div>

 .حاوية{
				الارتفاع: 500 بكسل؛
				العرض: 500 بكسل؛
				الهامش: 0px تلقائي؛
				الخلفية: url('../Status/img/health.png') بدون تكرار؛
				حجم الخلفية: الغلاف؛
			}