Welcome to Benjie's page
1. HTML stands for HYper TeXt mark up Language
How to Add a Background Image with CSS
Background images, just as the name implies, are part of the BACKGROUND of a website, not part of the actual content. The most common place to add a background image to, is the entire canvas � aka the body tag.
The CSS to add an image to a body tag is simple:
body {
background: url(bgimage.jpg);/
2. CSS stands for Cascading style sheet (CSS) is a fantastic tool to add layout to your website
it can save you a lot of time and it enables you to design website in a completely new way
CSS is a must for everyone working for the vweb design.
3. HTML used to structure content. while CSS used for fromatting structured content
CSS also gives us the tools to direct our background image how we want it. The default, as you can see, is that it repeats itself horizontally AND vertically to fill the entire background, regardless of size. Sometimes we might want the image appear only horizontally or vertically � and maybe not directly on the edge of the viewing area.
body {
background: url(bgimage.jpg) repeat-x bottom;
}
creates a background that is repeated vertically at the bottom of the content, and this background image repeated horizontally on the right is created by this CSS:
body {
background: url(bgimage.jpg) repeat-y right;
}
There are many more ways for us to control our background. In addition to the above, we could:
� Add a background color (background: url(image.jpg) #555555;)
� Display the image only one time (no-repeat)
� Position it more specifically (options are: top, bottom, left, right, center, x-15px, or y-20%
(measurements and units are optional))
� Keep it from scrolling (background: url(image.jpg) fixed;)
� Any combination of any of the above
A wise combination of all these techniques might actually allow us to create a decorative
background that does NOT interfere with the actual content. Like This. The following CSS created
this page � and please note that I also added some padding to keep the content off the image, which makes
things soooo much easier to read:/br<>
body {
background: url(bgimage.jpg) no-repeat #f6f1b9 fixed top right;
padding-right: 250px;
}
Background images can be added to pretty much any tag. They can be added to divisions, used to create fancy navigation menus, spruce up a list, decorate h tags,�. It�s so exciting!!!!
Tags: background image with CSS
- See more at: http://www.csstutorial.net/2010/03/adding-a-background-image-with-css/#sthash.xzp3NMGQ.dpuf
HTML