Heim  >  Artikel  >  Web-Frontend  >  So schatten Sie Text in HTML

So schatten Sie Text in HTML

coldplay.xixi
coldplay.xixiOriginal
2021-02-26 16:28:3112412Durchsuche

So fügen Sie Text in HTML Schatten hinzu: Erstellen Sie zunächst ein neues P-Tag in HTML und geben Sie dann eine Klasse für dieses P-Tag ein und verwenden Sie die Anweisung [text-shadow], um schließlich den Effekt festzulegen.

So schatten Sie Text in HTML

Die Betriebsumgebung dieses Tutorials: Windows7-System, HTML5-Version, DELL G3-Computer. Diese Methode ist für alle Computermarken geeignet.

So schattieren Sie Text in HTML:

1. Zuerst erstellen wir ein neues P-Tag in HTML und geben den Inhalt ein.

So schatten Sie Text in HTML

2. Dann können wir eine Klasse für dieses P-Tag definieren, hier nennen wir es [PTitle].

So schatten Sie Text in HTML

3. Dann können wir die Aussage mit [text-shadow] Schatten schreiben.

So schatten Sie Text in HTML

4. Als nächstes können wir die Versatzposition der X- und Y-Achsen für ihn festlegen.

So schatten Sie Text in HTML

5. An dieser Stelle können wir den Unschärfegrad und die Farbe auf 10 Pixel einstellen.

So schatten Sie Text in HTML

6. Danach können wir hier unseren Textschatteneffekt sehen.

So schatten Sie Text in HTML

Verwandte Lernempfehlungen: HTML-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo schatten Sie Text in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:Was bedeutet h1 in HTML?Nächster Artikel:Was bedeutet h1 in HTML?