EXAMPLE
Run 
<!DOCTYPE html>

<head>
	<title>Background-position property</title>
	<style type="text/css">
		div {
		  background-color: pink;
		  background-repeat: no-repeat;
		  width: 300px;
		  height: 80px;
		  margin-bottom: 12px;
		}
		
		.exampleone {
		  background: url("https://mdn.mozillademos.org/files/11987/startransparent.gif") #FFEE99 2.5cm bottom no-repeat;
		}
		.exampletwo {
		  background: url("https://mdn.mozillademos.org/files/11987/startransparent.gif") #FFEE99 left 4em bottom 1em no-repeat;
		}
		
		.examplethree {
		  background-image:    url("https://mdn.mozillademos.org/files/11987/startransparent.gif"),
		                       url("https://mdn.mozillademos.org/files/7693/catfront.png");
		  background-position: 0px 0px,
		                       right 3em bottom 2em;
		}
	</style>
</head>

<body>
	<div class="exampleone">Example One</div>
	<div class="exampletwo">Example Two</div>
	<div class="examplethree">Example Three</div>
</body>

</html>