So legen Sie den Schriftschatten in CSS fest-CSS-Tutorial-php.cn

So legen Sie den Schriftschatten in CSS fest

王林

Freigeben： 2020-11-30 16:48:43

Original

12807 Leute haben es durchsucht

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 ;].

So legen Sie den Schriftschatten in CSS fest

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:

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

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!