3.19 Bilder mit einem Schatten versehen

Problem

Hinter einem Bild soll ein Schatten dargestellt werden, wie in Abbildung 3-44 gezeigt.

Lösung

Umgeben Sie das Bild (siehe Abbildung 3-45) mit einem div-Element. Versehen Sie dieses mit einem class-Attribut, das in unserem Beispiel den Wert imgholder erhält:

<div class="imgholder">
 <img src="dadsaranick2.jpg" alt="Foto von Papa, Sara und Nick" />
 </div>
Mit einem Schatten versehenes Bild

Abbildung 3-44. Mit einem Schatten versehenes Bild

Das über dem Inhalt platzierte Bild

Abbildung 3-45. Das über dem Inhalt platzierte Bild

Das div wird per Definition als Float nach links verschoben, ...

Get CSS Kochbuch now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.