HTML and CSS Reference
In-Depth Information
Figure 7.4
A composite of
four separate
background
images working
in coordination.
html { /* #1 */
margin: 0; padding: 0;
background: #fff url(images/fourbg_html.png) repeat;
}
body { /* #2 */
margin: 0; padding: 0;
background: url(images/fourbg_body.png) repeat-x left top;
}
.container { /* #3 */
width: 400px;
height: 500px;
margin: 0 auto;
padding: 0;
background: url(images/fourbg_container.png) repeat-y left
top;
}
.masthead { /* #4 */
height: 100px;
background: url(images/fourbg_masthead.png) no-repeat left
top;
}
[...]
 
Search WWH ::




Custom Search