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



Add a comment on Slide 1
If you have a SlideShare account, login to comment; else you can comment as a guest- Favorites & Groups
Showing 1-50 of 0 (more)