Basic background-image example

background-image: url("../images/dice.png");

Basic background-image example with two images

background-image: url("../images/dice.png"), url("../images/abstract8.jpg");

Note that the first image is drawn on top, and the second is drawn behind

Example of background-image stretched to fill container in both x and y directions with background-size

background-image: url("../images/abstract8.jpg");
background-size: 100% 100%;

Example of background-image cropped to fill container with background-size set to 'cover'

background-image: url("../images/abstract8.jpg");
background-size: cover;

Example of background-image used with position, repeat, and size properties

background-image: url("../images/abstract8.jpg");
background-position: right;
background-repeat: no-repeat;
background-size: contain;

Example of using the background shorthand notation

background:
/* background-position background-repeat background-image */
center no-repeat url("../images/dice.png"),
/* background-position/background-size background-image */
left/100% 100% url("../images/abstract8.jpg");