Heim > Artikel > Web-Frontend > So fügen Sie einem Text in CSS einen Strich hinzu
So fügen Sie einem Text in CSS einen Strich hinzu
- 王林Original
- 2020-11-16 10:34:463664Durchsuche
So fügen Sie in CSS Striche zu Text hinzu: Sie können das text-shadow-Attribut verwenden, um Striche zu Text hinzuzufügen, z. B. [text-shadow: 0 0 5px #FF0000, 0 0 5px #6bf403;]. Die Eigenschaft text-shadow gilt für Schattentext.
Eigenschaftseinführung:
text-shadow-Eigenschaft wird auf Schattentext angewendet.
(Teilen von Lernvideos: CSS-Video-Tutorial)
Grammatik:
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.
Codebeispiel:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
h1 {
text-shadow: 0 0 5px #FF0000, 0 0 5px #6bf403;
}
</style>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>Effekt:
Verwandte Empfehlungen: CSS-Tutorial
Das obige ist der detaillierte Inhalt vonSo fügen Sie einem Text in CSS einen Strich hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!