Heim >Web-Frontend >Front-End-Fragen und Antworten >Wie schreibe ich eine Textprojektion in CSS?
Wie schreibe ich eine Textprojektion in CSS?
- 藏色散人Original
- 2021-11-10 11:29:183950Durchsuche
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.
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;
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>Der Effekt ist wie folgt:
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!