div로 채워진 CSS 이미지를 구현하는 방법

 <div>
        <img src="이미지 주소 소개" alt="" class="Img">
</div>

 div{
너비: 500px;
높이: 500px;
}
.Img{
    너비: 100%;
    높이: 100%;
    개체 맞춤:커버;
}

 div{
	너비: 500px;
	높이: 500px;
	위치:상대적;
	오버플로:숨김;
	}
.Img{
	위치: 절대;
	최고: 50%;
	왼쪽: 50%;
	디스플레이: 블록;
	최소 너비: 100%;
	최소 높이: 100%;
	변환:번역(-50%,-50%);
}

 <div class="컨테이너"></div>

 .컨테이너{
				높이: 500px;
				너비: 500px;
				여백: 0px 자동;
				배경: url('../Status/img/health.png') 반복 없음;
				배경 크기: 표지;
			}