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