Wie schreibe ich eine Textprojektion in CSS?-Front-End-Fragen und Antworten-php.cn

Wie schreibe ich eine Textprojektion in CSS?

藏色散人

Freigeben： 2021-11-10 11:29:18

Original

3895 Leute haben es durchsucht

So erzielen Sie einen Textprojektionseffekt in CSS: 1. Erstellen Sie eine HTML-Beispieldatei. 2. Definieren Sie den Textinhalt. 3. Legen Sie den Stil „text-shadow: 5px 5px 5px #FF0000;“ fest.

Wie schreibe ich eine Textprojektion in CSS?

Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, DELL G3-Computer

Wie schreibe ich Textschatten in CSS?

Dies kann über das Textschattenattribut erreicht werden.

Einführung: Die Eigenschaft

text-shadow setzt einen Schatten auf Text.

Syntax

text-shadow: h-shadow v-shadow blur color;

Nach dem Login kopieren

Kommentare: Die Eigenschaft text-shadow fügt dem Text einen oder mehrere Schatten hinzu. Bei dieser Eigenschaft handelt es sich um eine durch Kommas getrennte Liste von Farbtönen, wobei jeder Farbton mit zwei oder drei Längenwerten und einem optionalen Farbwert angegeben wird. Die weggelassene Länge ist 0.

Wert

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.

Grundlegendes Beispiel:

<!DOCTYPE html>
<html>
<head>
<style>
h1
{
text-shadow: 5px 5px 5px #FF0000;
}
</style>
</head>
<body>

<h1>文本阴影效果！</h1>

</body>
</html>

Nach dem Login kopieren

Der Effekt ist wie folgt:

Wie schreibe ich eine Textprojektion in CSS?

Videoempfehlung: „css-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonWie schreibe ich eine Textprojektion in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!