Helping ordinary people create extraordinary websites!
HOME TUTORIALS SCRIPTS WEB HOSTING BLOG FORUM
Get Our Newsletter
Email:

Cascading Style Sheets (CSS); Backgrounds (part 1 of 2)

By Will Bontrager
2003-10-10


Tiled Image

This will put a background image into your web page, the image repeating across the top, row by row, until the web page background is covered.

<style type="text/css">
<!--
BODY { background-image: url(image.jpg); }
-->
</style>

The URL can be specified as relative or absolute. The following are all valid formats:

url(image.jpg);
url(graphics/image.jpg);
url(http://domain.com/pictures/image.jpg);


Tutorial Pages:
» Introduction
» Now, let's see what you can do with CSS!
» Background Color
» Tiled Image
» Image Not Repeated, With Exact Positioning
» Background Image Repeated Across the Top of the Web Page
» Background Image Repeated Along the Left of the Web Page
» Background Image Does Not Scroll When Web Page Scrolls
» An Application


Copyright 2004 Bontrager Connection, LLC


 | Bookmark
Related Tutorials:
» Planning Your Stylesheet - The Definitive Guide
» CSS Shorthand Properties
» Print Stylesheet - The Definitive Guide
» Using CSS Selectors to Highlight Unedited Form Fields
» An Introduction to CSS
» Overlapping tabbed navigation in CSS