Advanced Search

Return to Snippet

Revision: 59987
at October 13, 2012 14:50 by nshakin
Initial Code 
<HTML>
<HEAD>

<STYLE TYPE="text/css">
.vert {background-image: url(myImage.gif); background-repeat: repeat-y;}
.horiz {background-image: url(myImage.gif); background-repeat: repeat-x;}
.both {background-image: url(myImage.gif); background-repeat: repeat;}
</STYLE> 
</HEAD>

<BODY CLASS = "vert">


</BODY>
</HTML>
Initial URL 
http://www.devx.com/tips/Tip/12957
Initial Description 
Cascading Style Sheets allow developers to exercise greater control over background images on the Web. You can make an image tile vertically across the page, horizontally across the page, or both. Simply define the style at the top of the page, and declare in the <BODY> tag.

The .vert class will tile the image vertically, the .horiz class will tile it horizontally, and the .both class will cover the screen.
Initial Title 
Background Image Tiling With CSS
Initial Tags 
css
Initial Language 
CSS