HTML and CSS Reference
In-Depth Information
(a) Example of new
box-shadow
property with
positive values.
box-shadow with
10px bottom and
right, gray color and
12px blur
box-shadow with
-10px top and left,
gray color and
20px blur
(b) Example of new
box-shadow
property with
negative values.
box-shadow with
both 20px and
-20px; 12px blurring;
both darkblue and
darkgreen colors
(c) Box-shadow
property with two
sets of values.
Figure 4-12
To Insert, Center, and Style an Image with a Box-Shadow
The first task for the Oceanside Hotel and Sports Club home page is to insert the company logo banner,
oceansidelogo.jpg. As stated earlier in the topic, the company logo is generally used in all communication that repre-
sents the company, including on the Web site, on business cards, and on company letterheads. Table 4-5 contains the
HTML code to add the centered logo banner image.
