Heim > Artikel > Web-Frontend > So legen Sie den Schriftschatten in CSS fest
So legen Sie den Schriftschatten in CSS fest: Verwenden Sie den Code [text-shadow:3px 3px 3px #00f;], das Attribut [text-shadow] wird auf den Schattentext angewendet, die Syntax lautet [text-shadow: h- Schatten V-Schatten Unschärfefarbe ;].
Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3-Version. Diese Methode ist für alle Computermarken geeignet.
(Teilen von Lernvideos: CSS-Video-Tutorial)
So legen Sie den Schriftschatten in CSS fest:
Verwandte Attribute:
Das Attribut text-shadow wird auf Schattentext angewendet.
Syntax:
text-shadow: h-shadow v-shadow blur color;
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:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>index</title>
<style>
*{
font-family: 微软雅黑;
}
p{
text-shadow:3px 3px 3px #00f;
}
</style>
</head>
<body>
<div>
<p>linux is very much!</p>
<p>linux is very much!</p>
<p>linux is very much!</p>
<p>linux is very much!</p>
<p>linux is very much!</p>
</div>
</body>
</html>Verwandte Empfehlungen: CSS-Tutorial
Das obige ist der detaillierte Inhalt vonSo legen Sie den Schriftschatten in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!