div で満たされた CSS 画像を実装する方法

<div>
        <img src="画像アドレスの紹介" alt="" class="Img">
</div>

ディブ{
幅: 500ピクセル;
高さ: 500ピクセル;
}
.Img{
    幅: 100%;
    高さ: 100%;
    オブジェクトフィット:カバー;
}

ディブ{
	幅: 500ピクセル;
	高さ: 500ピクセル;
	位置:相対;
	オーバーフロー:非表示;
	}
.Img{
	位置: 絶対;
	トップ: 50%;
	左: 50%。
	表示: ブロック;
	最小幅: 100%;
	最小高さ: 100%;
	変換:変換(-50%,-50%);
}

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

 。容器{
				高さ: 500ピクセル;
				幅: 500ピクセル;
				マージン: 0px 自動;
				背景: url('../Status/img/health.png') 繰り返しなし;
				背景サイズ: カバー;
			}