So fügen Sie Bildern mit CSS Schatten hinzu: Sie können das Box-Shadow-Attribut verwenden, um Schatten hinzuzufügen, z. B. [box-shadow: 10px 10px 10px rgba(0,0,0,.5);]. Mit der Box-Shadow-Eigenschaft können ein oder mehrere Dropdown-Schattenboxen festgelegt werden.
Eigenschaftseinführung:
box-shadow-Eigenschaft kann eine oder mehrere Dropdown-Schattenboxen festlegen.
(Teilen von Lernvideos:CSS-Video-Tutorial)
Syntax:
box-shadow: h-shadow v-shadow blur spread color inset;
Attributwert:
h-shadow Erforderlich. Die Position des horizontalen Schattens. Negative Werte erlaubt
v-shadow Erforderlich. Die Position des vertikalen Schattens. Negative Werte erlaubt
blur Optional. Unschärfeabstand
Spread Optional. Schattengröße
Farbe ist optional. Die Farbe des Schattens. Die vollständige Liste der Farbwerte finden Sie unter CSS-Farbwerte
inset Optional. Ändern Sie den Schatten vom äußeren Schatten (am Anfang) in den inneren Schatten.
Codebeispiel:
Erzielter Effekt:
Empfohlenes Tutorial:CSS-Tutorial
Das obige ist der detaillierte Inhalt vonSo fügen Sie einem Bild mit CSS Schatten hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
