Graphics Programs Reference
In-Depth Information
Figure 5-52: The wave dropped into place using the various .
BOXING YOUR IMAGES
h ere's something that most people don't realize about images: h ey have the same box model
as any other element. h at means you can apply things like backgrounds and padding to
images.
198
Why would you bother? Well, one example is a method of i lling colors into the background
of a square icon with transparent parts. It goes something like this (see also Figure 5-53):
img.icon { background-color : #826 ;}
img.icon:hover { background-color : #C40 ;}
Figure 5-53: Icons in both the hovered and unhovered states.
You can even drop images into the backgrounds of images, as in Figure 5-54, which can make
for some fun combinatorial ef ects.
 
Search WWH ::




Custom Search