The background property is a shorthand property for setting all background properties.
Applying this property to the BODY element applies the specified style to background of an entire page.
body {
background: #87ceeb url(image/back.gif) repeat-y fixed right top;
}
| Property | Value | Explanation |
|---|---|---|
| background | each value | sets color, image, repeat, attachment, and position |
background: #87ceeb url(image/back.gif) repeat-y fixed right top;
| background: | #87ceeb | url(image/back.gif) | repeat-y | fixed | right top | ; |
|---|---|---|---|---|---|---|
| background- | color | image | repeat | attachment | position |
The unnecessary values can be omitted.
background: #87ceeb url(image/back.gif) repeat-y;
<html>
<head>
<title>TAG index</title>
<style type="text/css">
body {
background: #87ceeb url(image/back.gif) repeat-y fixed right top;
color: #000000;
}
</style>
</head>
<body>
</body>
</html>