CSS strikthrough unterschiedliche Farbe als Text

Wir sehen oft eine horizontale Linie, die den Text so überquert. Diese Linien werden als Strikethrough bezeichnet. So erstellen. Obwohl das Erstellen eines Strikethroughs mit dem Tag die Standardmethode ist, können die Streiksthroughs auch mithilfe der Textdekorationseigenschaft innerhalb des Tags erstellt werden.

Dieser Beitrag wird beide Methoden abdecken, um die Striften mit einer anderen Farbe als den des Textes zu erstellen, auf den die Schläge angewendet werden.

Methode 1: Durch Tag Tag

Das Erstellen der Schläge im Text durch das Tag ist einfach. Lassen Sie uns dies mit Hilfe eines Beispiels verstehen:

Rot gefärbte Schläge

• Im obigen Code -Snippet gibt es ein Tag, in dem es das Style -Attribut gibt, das das definiertRot”Farbe für die Schläge. Dies wird die Farbe der Schläge sein (nicht der Text).
• Im Tag gibt es ein anderes Tag, ich.e., Tag, mit dem Stilattribut, das die Farbe des Textes definiert, auf dem der Streiksthrough als "angewendet werden muss"Schwarz”.

Die folgende Ausgabe wird auf der Webseitenschnittstelle angezeigt:

Methode 2: Verwenden von Eigenschaften der Textdekoration

Es ist auch möglich, den Streiksough in einem Text zu erstellen, indem nur die Eigenschaft für Textdekoration verwendet wird:

Grün gefärbte Schläge

• Im obigen Code -Snippet ist das Tag mit dem Style -Attribut erstellt, das die Farbe der Striiken definiertGrün”.
• Danach gibt es das "Textdekoration: Zeile”CSS -Eigenschaft, die den Streik (horizontale Linie) in der Ausgabe erzeugt.
• Innerhalb des Haupt -Tags gibt es ein weiteres Tag wie das, das im vorherigen Abschnitt dieses Artikels erstellt wurde.
• In dem im Haupt -Tag erstellten Tag gibt es das Style -Attribut, das die Farbe des Textes definiert, für den die Schläge als „erstellt werden muss“Schwarz”.

Dadurch wird der in "gefärbte Text angezeigt" angezeigtSchwarz”Farbe und Streiksthrough auf dem in" gefärbten Text "Grün" Farbe:

Auf diese Weise werden Striiken erstellt und auf einer Webseitenoberfläche angezeigt.

Abschluss

Die Strikethroughs auf dem Text in HTML können entweder durch Hinzufügen des Tags erstellt werden. Durch diese Methoden können die Streifen erzeugt werden und die Farben für die Stripeghrough können leicht definiert werden.