HTML and CSS Reference
In-Depth Information
Figure 3.1. RecipeFinder after the layout styles from Chapter 2
Backgrounds
The first thing we want to take care of in this chapter is the primary background that sits
behind a large portion of RecipeFinder. Figure 3.2 shows a close-up of the area behind the
“Latest Recipes” section, as shown in our original Photoshop file.
Figure 3.2. A close-up view of the RecipeFinder background
This is zoomed in so we can see that not only is the background a light creamy brown color,
but it's also overlaid with a subtle texture. This texture, along with the color that it overlays,
will be placed onto our page as a background image. Let's look at the code we're going to
use to do this:
Search WWH ::




Custom Search