The background-image property (CSS Reference)
Introduction
The background-image property can be used to place an image
into the background of a HTML element. You can use either use the URL of the
image, the path on your system or none if you do not want to display an image.
Example
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>background-image
Demonstration</title>
<style type="text/css">
body { background-color:#FFFFFF;}
.red { background-color:#FF0000;}
.blue { background-color:#0000FF;}
.skyblue { background-color:#87CEEB;}
.headerimg
{
background-image:
url(yellow_black.jpg);
}
</style>
</head>
<body>
<h1 class="headerimg">Can you See the image</h1>
<p class="red">This is some text with a red
background.</p>
<p class="blue">This is some text with a
blue text.</p>
<p class="skyblue">This is some text with a
skyblue text.</p>
</body></html>
Output
Values
|
Name:
|
Description:
|
|
URL
|
Here you can specify the URL/Path of the image. It can be
a local path or an URL from another Website. The other value is none which
obviously indicates that no image is used.
url(“Path”)
none
|
|
Email TopXML