Heim > Web-Frontend > CSS-Tutorial > Wie kann ich die Farbe einer durchgestrichenen Linie in HTML ändern?

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

Susan Sarandon
Freigeben: 2024-11-19 13:20:02
Original
728 Leute haben es durchsucht

How can I change the color of a strikethrough line in HTML?

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>
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage