Dritte Person Singular: Boxen Plural: Boxen Partizip Pr?sens: Boxen Vergangenheitsform: Boxen Geist , Geist; Schatten werfen; Schatten; Schatten; Schatten; Pr?sens Partizip: beschattet Vergangenheitsform: beschattet Partizip Perfekt: beschattet
CSS-Box-Shadow-Eigenschaft Syntax
Was es bewirkt: Fügen Sie einen oder mehrere Schatten zur Box hinzu.
Syntax: Box-Shadow: H-Shadow V-Shadow-Unsch?rfe-Spread-Farbeinsatz;
Anweisungen: h-Shadow ist erforderlich. Die Position des horizontalen Schattens. Negative Werte sind erlaubt. V-Shadow ist erforderlich. Die Position des vertikalen Schattens. Negative Werte sind erlaubt. Unsch?rfe ist optional. Unscharfe Distanz. Spread ist optional. Die Gr??e des Schattens. Farbe ist optional. Die Farbe des Schattens. Siehe CSS-Farbwerte. Einschub ist optional. Verwandeln Sie den ?u?eren Schatten (Anfang) in einen inneren Schatten.
Hinweise: box-shadow fügt der Box einen oder mehrere Schatten hinzu. Bei dieser Eigenschaft handelt es sich um eine durch Kommas getrennte Liste von Schatten, die jeweils durch 2–4 L?ngenwerte, einen optionalen Farbwert und das optionale Schlüsselwort ?inset“ angegeben werden. Der Wert für die ausgelassene L?nge ist 0.
CSS-Box-Shadow-Eigenschaft Beispiel
<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:300px;
height:100px;
background-color:#ff9900;
-moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */
box-shadow: 10px 10px 5px #888888;
}
</style>
</head>
<body>
<div></div>
</body>
</html>Instanz ausführen ?
Klicken Sie auf die Schaltfl?che ?Instanz ausführen“, um die Online-Instanz anzuzeigen