So fügen Sie einer Box in CSS einen Boxschatten hinzu

王林
Freigeben: 2020-11-13 09:14:27
Original
10399 Leute haben es durchsucht

So fügen Sie einer Box mit CSS einen Box-Schatten hinzu: Sie können das Box-Shadow-Attribut verwenden, um einen Box-Schatten hinzuzufügen, z. B. [box-shadow: 10px 10px 5px #888888;]. Mit der Box-Shadow-Eigenschaft können ein oder mehrere Dropdown-Schattenboxen festgelegt werden.

So fügen Sie einer Box in CSS einen Boxschatten hinzu

Die Box-Shadow-Eigenschaft kann eine oder mehrere Dropdown-Schattenboxen festlegen.

(Teilen von Lernvideos:CSS-Video-Tutorial)

Grammatik:

box-shadow: h-shadow v-shadow blur spread color inset;
Nach dem Login kopieren

Tipps:

Das boxShadow-Attribut fügt der Box einen oder mehrere Dropdown-Schatten hinzu. Diese Eigenschaft ist eine durch Kommas getrennte Liste von Schatten, die jeweils durch 2–4 Längenwerte, einen optionalen Farbwert und ein optionales Einfügungsschlüsselwort angegeben werden. Der Wert für die ausgelassene Länge ist 0.

Attributwert:

So fügen Sie einer Box in CSS einen Boxschatten hinzu

Beispiel:

Schatten zum Div-Element hinzufügen:

div { box-shadow: 10px 10px 5px #888888; }
Nach dem Login kopieren

Verwandte Empfehlungen:CSS-Tutorial

Das obige ist der detaillierte Inhalt vonSo fügen Sie einer Box in CSS einen Boxschatten hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!