• 
• 1. SitePoint
  2. Reference
  3. CSS
  4. Color and Backgrounds
  5. background-position
  6. CSS Live Demo: background-position (this page)
• See also: All Live Demos

CSS Live Demo: background-position

Type your CSS here: (any properties allowed except expression, behavior and @import) #example { background-position:50px 100px; } #example { background-image:url(leaves.jpg); background-repeat:no-repeat; padding:10px; border:2px solid #090; color:#030; background-color:#fcc; }

Type your HTML here: (any tags allowed except script, iframe, frame, object, img and embed) <div id="example"> <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc neque. In hac habitasse platea dictumst. Pellentesque ultrices. Donec nunc metus, aliquam sit amet, aliquam in, luctus ac, odio. Aenean orci velit, elementum ac, egestas pellentesque, facilisis non, turpis. Quisque dolor. Vestibulum in massa in lectus hendrerit condimentum. Duis suscipit, lectus varius fermentum fermentum, est lectus facilisis metus, ac ornare risus ipsum at sem. Nulla ut eros vel enim tempor sagittis. Ut sit amet lacus. Etiam sapien ante, sodales at, volutpat nec, pretium ut, augue. Mauris justo pede, volutpat at, pharetra at, sollicitudin sit amet, neque. Vestibulum tortor. Morbi nisi. </p> </div>

Show me!

Your results appear here: