Heim > Web-Frontend > CSS-Tutorial > Wie man Text in CSS mit Schatten versehen lässt

Wie man Text in CSS mit Schatten versehen lässt

王林
Freigeben: 2020-11-20 14:09:25
Original
4553 Leute haben es durchsucht

So fügen Sie in CSS einen Schatten zum Text hinzu: Sie können dem Text einen Schatten hinzufügen, indem Sie das text-shadow-Attribut verwenden, z. B. [text-shadow: 2px 2px #ff0000;]. Die text-shadow-Eigenschaft wird speziell auf Schattentext in CSS angewendet.

Wie man Text in CSS mit Schatten versehen lässt

Verwandte Eigenschaften:

text-shadow-Eigenschaft gilt für Schattentext.

(Teilen von Lernvideos: CSS-Video-Tutorial)

Syntax:

text-shadow: h-shadow v-shadow blur color;
Nach dem Login kopieren

Die Eigenschaft text-shadow verbindet einen oder mehrere Schattentexte. Die Eigenschaft ist ein Schatten, der alle 2 oder 3 Längenwerte und einen optionalen Farbwert durch Kommas getrennt angibt. Die abgelaufene Länge beträgt 0.

Attributwert:

  • h-shadow Erforderlich. Die Position des horizontalen Schattens. Negative Werte sind erlaubt.

  • v-shadow Erforderlich. Die Position des vertikalen Schattens. Negative Werte sind erlaubt.

  • unschärfe Optional. Verschwommene Distanz.

  • Farbe optional. Die Farbe des Schattens.

Beispiel:

h1
{
    text-shadow: 2px 2px #ff0000;
}
Nach dem Login kopieren

Verwandte Empfehlungen: CSS-Tutorial

Das obige ist der detaillierte Inhalt vonWie man Text in CSS mit Schatten versehen lässt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage