Background Position Demo Page
This sample page uses the background-position property to place a background image in the center of the page. A screenshot and stylesheet are at the bottom of the page.
Proin diam dolor, dictum vitae, tempor ut, tincidunt eu, nisl. Aenean id neque at massa viverra viverra. Fusce laoreet magna laoreet est. Phasellus non lorem. Aliquam blandit nisl vitae wisi. Quisque fermentum consectetuer purus. Sed bibendum, nunc ut porta imperdiet, sem dui dignissim nunc, eu fermentum ante augue sed neque.
Vivamus tristique posuere neque. Duis eleifend nulla ut turpis. Cras tincidunt, turpis quis pulvinar laoreet, purus nulla bibendum libero, ut mollis sapien arcu ac leo. Ut viverra feugiat risus.
PC Screenshot
Stylesheet
body {
background-image:
url(../images/its_easy.gif);
background-repeat: no-repeat;
background-position: center center;
}Return to Background-position Lesson (black version)
Return to Background-position Lesson (white version)
