CSS implements the shadow effect of page objects, that is, dropshadow.

<Style type = text/CSS> body {}{
Padding-Right: 40px; padding-left: 40px; padding-bottom: 10px; margin: 0px; padding-top: 10px
}
. Image {}{
Background: url(dropshadow.png) No-repeat right bottom; float: left
}
. Image IMG {}{
Display: block; margin: 0px 9px 9px 0px
}
. Image: Unknown {}{
Display: block; Background: url(dropshadow.png) No-repeat left bottom; margin:-9px 0px 0px; width: 18px; Height: 9px; content :""
}
. Image: Unknown {}{
Display: block; Background: url(dropshadow.png) No-repeat right top; margin-bottom:-18px; Height: 18px; content :""
}
</Style>

<Div class = image> Src = "CSS dropshadow technique-timcn_de_files/testbild1.jpg"> </div> <br
Style = "clear: both"> <br>
<Div class = image> <div> asdfsadfjd; aksdj; fjas; askdfj; aslkdfas <p> asdfsadfasd dasfdasdfasdf dadsfsadfasdf </P> Src = "CSS dropshadow technique-timcn_de_files/testbild2.gif" style = "border: 1px solid black;"> </div>
</Div>

Use a dropshadow.png Graphic File