Heim > Artikel > Web-Frontend > So fügen Sie Schriftarten in CSS einen Schatteneffekt hinzu
So fügen Sie Schriftarten in CSS einen Schatteneffekt hinzu
- 藏色散人Original
- 2021-01-07 09:45:168443Durchsuche
So fügen Sie Schriftarten in CSS einen Schatteneffekt hinzu: Erstellen Sie zunächst eine HTML-Beispieldatei. Fügen Sie dann der angegebenen Schriftart über das Attribut „text-shadow: 5px 5px 5px #FF0000;“ einen Schatteneffekt hinzu.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5- und CSS3-Version, Dell G3-Computer.
Verwandte Empfehlungen: „CSS-Video-Tutorial“
Das text-shadow-Attribut legt einen Schatteneffekt auf Text fest.
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.
Eigenschaftswert:
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. Unscharfe Distanz.
Farbe optional. Die Farbe des Schattens.
Beispiel:
<!DOCTYPE html>
<html>
<head>
<style>
h1
{
text-shadow: 5px 5px 5px #FF0000;
}
</style>
</head>
<body>
<h1>文本阴影效果！</h1>
</body>
</html>Rendering:
Weitere Programmierkenntnisse finden Sie unter: Programmierunterricht! !
Das obige ist der detaillierte Inhalt vonSo fügen Sie Schriftarten in CSS einen Schatteneffekt hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!