Login | Register   
Twitter
RSS Feed
Download our iPhone app
TODAY'S HEADLINES  |   ARTICLE ARCHIVE  |   FORUMS  |   TIP BANK
Browse DevX
Sign up for e-mail newsletters from DevX


Tip of the Day
Language: Web
Expertise: Beginner
Feb 5, 1999

Background Image Tiling With CSS

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.
 
<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>
The .vert class will tile the image vertically, the .horiz class will tile it horizontally, and the .both class will cover the screen.
Steve Renaker
 
Comment and Contribute

 

 

 

 

 


(Maximum characters: 1200). You have 1200 characters left.

 

 

Sitemap