Wie kann ich die Farbe einer durchgestrichenen Linie in HTML ändern?

Durchgestrichene Linien anders als Text färben

Die Tasten , und Alle HTML-Elemente können einen auffälligen Effekt auf den Text haben. Allerdings hat die durchgestrichene Linie oft die gleiche Farbe wie der Text.

Mit CSS die durchgestrichene Farbe ändern

Glücklicherweise kann CSS verwendet werden, um die Farbe der durchgestrichenen Linie zu ändern. So geht's:

1. Umschließen Sie den Text in einem zusätzlichen Element: Erstellen Sie ein zusätzliches Umbruchelement, um die durchgestrichene Farbe von der Textfarbe zu trennen.
2. Weisen Sie dem äußeren Element die durchgestrichene Farbe zu: Legen Sie mithilfe der Eigenschaft text-decoration die gewünschte durchgestrichene Farbe für das äußere Element fest.
3. Weisen Sie dem inneren Element die Textfarbe zu: Innerhalb Platzieren Sie das äußere Element, platzieren Sie ein inneres Element und weisen Sie ihm die gewünschte Textfarbe zu.

Beispiel

Betrachten Sie den folgenden Code:

<span>

Dieser Code wird Anzeige „Schwarz mit roter Durchstreichung“ mit dem Text in Schwarz und der durchgestrichenen Linie in Rot. Der äußere <span> Das Element legt die durchgestrichene Farbe fest, während das innere Element <span> Element legt die Textfarbe fest.

Das obige ist der detaillierte Inhalt vonWie kann ich die Farbe einer durchgestrichenen Linie in HTML ändern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!