Background images with CSS

Background image


      background-image:url(ball.gif);
  

Non-repeated background image


      background-image:url(ball.gif);
      background-repeat:no-repeat;
  

Horizontally repeated background image


      background-image:url(ball.gif);
      background-repeat:repeat-x;
  

Vertically repeated background image


      background-image:url(ball.gif);
      background-repeat:repeat-y;
  

Top-positioned non-repeated background image

      
      background-image:url(ball.gif);
      background-repeat:no-repeat;
      background-position:top left;
  

Bottom-positioned non-repeated background image


      background-image:url(ball.gif);
      background-repeat:no-repeat;
      background-position:bottom left;
  

Centered non-repeated background image


      background-image:url(ball.gif);
      background-repeat:no-repeat;
      background-position:center left;
  

Both axis centered non-repeated background image


      background-image:url(ball.gif);
      background-repeat:no-repeat;
      background-position:center center;
  

Right-aligned centered non-repeated background image


      background-image:url(ball.gif);
      background-repeat:no-repeat;
      background-position:center right;