<!DOCTYPE html>
<html>
<style type="text/css">
 div {
   width: 500px;
   height: 500px;
 }
</style>
<body>
<div style="background: url('resources/flower.jpg') center / cover no-repeat"></div>
<div style="background: url('resources/flower.jpg') center / contain no-repeat"></div>
<div style="background: url('resources/flower.jpg') center / 50% 50% no-repeat"></div>
<div style="background: url('resources/flower.jpg') center / 100px 100px repeat"></div>
<div style="background: url('resources/flower.jpg') center / auto auto repeat"></div>
</body>
</html>
