A css background image is another name for a computer wallpaper.They can be found on Photobucket, SantaBanta Wallpaper, Deviant Art and Free Wallpapers.
In most browsers the background image will be shown. If the image has been configured so as not to repeat, and the element is larger than the background image then the area that is not covered by the background image will display the background color. DJL
You will need to use the url() function. For example: background-image: url('/images/bg.png');
Depends on how you are able to edit the code. This is the basic CSS way for a web page: Background Image Code: For the body tag example: body { width: XXpx; height: YYpx; margin: 0 auto; background: #fff url(image_name.jpg) no-repeat center scroll; } That is the proper CSS code for a non-tile image where the contents scroll with the background image. Change "#fff" to preferred bg color. Change "scroll" to "fixed" if you want page contents to scroll over bg image. Be sure to set proper width/height to provide minimum page size to display bg image. Put the CSS as is on an external CSS file. If using embedded CSS, then place CSS between the style tags and place those style tags between the head tags of the page.
There are a couple of ways to accomplish this: Inline CSS: <span style="background-color: #FF0000;">Blah</span> Or via a CSS Style: <style type="text/css"> .styleName { background-color: #FF0000; } </style> <span class="styleName">Blah</span>
Well firstly it is CSS 2.0 and the background is defined in the body tag thusly body { background-image: url(brnbak02.gif); background-repeat: repeat; background-color: #cfe3ff; font-size: 12pt; font-family: "Times New Roman", serif; margin: 0; padding: 0; }
Current CSS does not allow resizing a background image. Hopefully, CSS 3.0 will address that issue.
CSS maps can be turned into "Image" maps (Applying a texture) by setting a "background-image" property, or using the <img> tag.
In most browsers the background image will be shown. If the image has been configured so as not to repeat, and the element is larger than the background image then the area that is not covered by the background image will display the background color. DJL
You will need to use the url() function. For example: background-image: url('/images/bg.png');
Use the "style" attribute in the "body" tag to set inline styles. Set the "background-image" and "background-repeat"CSS attributes to the body element. "background-image" should have a path to the image you want as a background, and "background-repeat" should have "repeat," indicating you want the image to tile both horizontally and vertically. For example (replace path-to-image.jpg with a relative or absolute path to the background image of your choice): ---- ... ----
Use html only and that should give you a static page. You can put image as background by using css
Background Image Code: For the body tag example: body { width: XXpx; height: YYpx; margin: 0 auto; background: #fff url(image_name.jpg) no-repeat center scroll; } That is the proper CSS code for a non-tile image where the contents scroll with the background image. Change "#fff" to preferred bg color. Change "scroll" to "fixed" if you want page contents to scroll over bg image. Be sure to set proper width/height to provide minimum page size to display bg image. Put the CSS as is on an external CSS file. If using embedded CSS, then place CSS between the style tags and place those style tags between the head tags of the page.
To set a fixed background image use the following:body{background-image:url('your_image.gif');background-repeat:no-repeat;background-attachment:fixed;}....taken from the w3schools tutorial.
Depends on how you are able to edit the code. This is the basic CSS way for a web page: Background Image Code: For the body tag example: body { width: XXpx; height: YYpx; margin: 0 auto; background: #fff url(image_name.jpg) no-repeat center scroll; } That is the proper CSS code for a non-tile image where the contents scroll with the background image. Change "#fff" to preferred bg color. Change "scroll" to "fixed" if you want page contents to scroll over bg image. Be sure to set proper width/height to provide minimum page size to display bg image. Put the CSS as is on an external CSS file. If using embedded CSS, then place CSS between the style tags and place those style tags between the head tags of the page.
To make a picture a background of a web site using CSS, you will use the different background properties, which are: background-color, background-image, background-repeat, background-attachment, and background-position. The specific property you are looking for is background-image. To use this property you would declare in your style sheet the following: body { background-image: url('paper.jpg'); } This is telling the web browser to use the image paper.jpg and make it the background of the entire page. The other background properties control whether the backgound is repeated along the x and/or y axis, the position on the screen the image begins at, whether the background is fixed or scrolls with the page, and the background color.
The main background image is style using the body tag. The other that appears "raised" in a container div or table. The body background image can be set to allow the contents to scroll over it or not. Background Image Code: For the body tag example: body { width: XXpx; height: YYpx; margin: 0 auto; background: #fff url(image_name.jpg) no-repeat center scroll; } That is the proper CSS code for a non-tile image where the contents scroll with the background image. Change "#fff" to preferred bg color. Change "scroll" to "fixed" if you want page contents to scroll over bg image. Be sure to set proper width/height to provide minimum page size to display bg image. Put the CSS as is on an external CSS file. If using embedded CSS, then place CSS between the style tags and place those style tags between the head tags of the page.
You would give the CSS class a background of that image, then assign it using a class attribute in your span tag. For example, your class's name will be class1, and your image will be named 'myimage.jpg'. CSS: .class1{ background-image:url('myimage.jpg'); } Then, for your HTML span tag: <span class="class1"> Add a lot of '&nbsp;' here until you can see your image. </span>