Background Image

no-repeat = not repeate the image
repeat = repeate whole background
space = space between the image
background-position = horizontal-position vertical-position

<html><head><title>Background Image</title><style> .r1 { background-image:url(yog.jpg); background-repeat: no-repeat; /* no-repeat | repeat | repeate-x | repeate-y | space | around*/ background-position: right top; /* right center | left center | left bottom | right top | right center | right bottom | left top | x y*/ /* shorthand background: red url(../images/juice.jpg) repeat right center; */ } </style> </head> <body class= "r1"> <h1>Yahoo Baba : CSS Background-Image</h1> <div id="box"> <p><br> no-repeat = not repeate the image</br> repeat = repeate whole background</br> space = space between the image</br> background-position = horizontal-position vertical-position</br> </p> </div> </body> </html>