Eigentlich kann man mit box-shadow nicht nur div-Elemente Gestalten, aber divs sind sicher das HTML-Element, auf das dieses Mal am häufigsten angewendet wird.
Box-Shadow zeichnet, wie der Name schon sagt, einen Schatten um ein HTML-Element. Für diesen Schatten kann die horizontale und vertikale Länge, die Stärke des Blur-Effektes sowie die Schattenfarbe festlegen.
box-shadow: Horizontale Länge Vertikale Länge Blurstärke Schattenfarbe
Beim Firefox steht -moz-box-shadow, bei Google Chrome und Safari -webkit-box-shadow.
| Firefox | Chrome | Safari | Opera | Internet Explorer | |
| +3.5 | +4.0 | +3.1 | +10.5 | ??? |
Effektvoller sieht box-shodow aus, wenn man den Schatten mit abgerundeten Ecken versicht. Darauf wurde hier verzichtet.
kursiv