Slideshare.net (beta)

 
Post to TwitterPost to Twitter
Post: 
Myspace Hi5 Friendster Xanga LiveJournal Facebook Blogger Tagged Typepad Freewebs BlackPlanet gigya icons

All comments

Add a comment on Slide 1

If you have a SlideShare account, login to comment; else you can comment as a guest


Showing 1-50 of 0 (more)

CSS - Adding Background Images

From mapetite, 5 months ago

A brief overview of adding and positioning background imaages

600 views  |  0 comments  |  0 favorites
Download not available ?
 

Categories

Add Category
 
 

Groups / Events

 

 
Embed
options

More Info

This slideshow is Public
Total Views: 600
on Slideshare: 600
from embeds: 0

Slideshow transcript

Slide 1:CSS - Adding Images

Slide 2: Background Images • background-image property adds a graphic to the background of an element. body { background-image: url(images/bg.gif); }

Slide 3:Controlling Repetition • The background-repeat property specifies how (or if at all) an image tiles. background-repeat { no-repeat; } • It accepts four values: repeat, no-repeat, repeat-x, repeat-y

Slide 4:Controlling Repetition • repeat: entire space is filled with the graphic, left to right, top to bottom. • no-repeat: image is displayed one time, without tiling or repetition. • repeat-x: repeats the image horizontally across the x-axis. • repeat-y: repeats the image vertically along the y-axis.

Slide 5:Positioning Background Image • The background-position property allows you to specify the horizontal and vertical