So fügen Sie Schriftarten in CSS einen Schatteneffekt hinzu-Front-End-Fragen und Antworten-php.cn

So fügen Sie Schriftarten in CSS einen Schatteneffekt hinzu

藏色散人

Freigeben： 2022-12-30 11:11:15

Original

8510 Leute haben es durchsucht

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.

So fügen Sie Schriftarten in CSS 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;

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.

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>

Nach dem Login kopieren

Rendering:

So fügen Sie Schriftarten in CSS einen Schatteneffekt hinzu

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!