Pro HTML5 and CSS3 Design Patterns

CHAPTER 14 ■ IMAGES

Basic Shadowed Image

HTML

<h1>Basic Shadowed Image</h1>

<img class="shadowed"

src="crater-lake.jpg"

alt="Crater Lake"

width="518"

height="389" />

CSS

img.shadowed { padding-right:20px;

padding-bottom:20px;

background-image:url("shadow.jpg");

background-position:right bottom;

background-repeat:no-repeat; }