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