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;