You also don??™t have to explicitly define every one of
the values; if you don??™t, the values revert to their defaults. Therefore, the following is
acceptable:
body {
background: #ffffff url(background_image.gif) no-repeat;
}
Because the background-attachment value hasn??™t been specified, this background would
scroll with the page, and because the background-position value hasn??™t been defined, the
background would be positioned at 0%, 0%??”the top left of the browser window.
Web page background ideas
Before finishing up this section on web page backgrounds, we??™ll run through some examples
that show the CSS and the result, along with the background image used. The files
within the basic-boilerplates folder can be used as starting points for web pages and
CSS documents. The images used in each case are in the chapter 2 folder of the download
files, and these should be placed in the same folder as the HTML and CSS document,
unless you amend path values accordingly.
Rename the files as appropriate for each example, ensuring you import the relevant CSS
file via the HTML document??™s @import line.
For the HTML document, add several paragraphs within the existing div element that has
an id value of wrapper, as in the following code block (which, for space reasons, shows
only a single truncated paragraph??”add more than this!):
In CSS, there are also some common elements to add to the boilerplate.
Pages:
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114