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

Wie man Text in CSS mit Schatten versehen lässt

王林
王林Original
2020-11-20 14:09:254467Durchsuche

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;

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;
}

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!

Stellungnahme:
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