.my-div{
background-color: #00f; /* Blue */
}
.div-image{
background-image: url("Image Path");
background-position:
top right | left center | bottom center
top left | right center | bottom right
top center | center center | bottom left ;
/* Use any option that met your requirements*/
background-size: cover; /* Set the image to cover all the div */
background-repeat: no-repeat; /* Commonly used for that situation */
background-attachment: fixed; /* the image will stay with you while scrolling same as position: fixed*/
/* Use background-attachment: scroll [Default Value]; to remove fixed effect */
}
/*
Background shortHand
background: background-color background-image background-repeat background-position
*/