HTML and CSS Reference
In-Depth Information
Chapter 14
Background
The background properties can add background effects. None of these properties inherits
and they can be applied to any elements.
background-color
The color of an element's background is set with the
background-color
property. By
default, its value is set to
transparent
.
background-color : transparent | <color>
Even if a background image is used, it is a good idea to set a background color. That
way, there is a fallback color in case the background image is unavailable for any reason.
background-color: #ccc;
background-image
background-image
specifies an image to use as a background with the
url
function.
background-image : none | url(<url>)
The image location defined with the
url
function can be either absolute or relative to
the location of the CSS file.
/* Relative path */
background-image: url(../images/myimg.jpg);
/* Absolute path */
background-image: url(
http://mydomain.com/images/myimg.jpg
);