Wie erstelle ich mit CSS durchgestrichenen mehrfarbigen Text?

Mehrfarbige Textdurchstreichungen mit CSS erreichen

Die HTML-Elemente del, Strike oder s und die CSS-Eigenschaft text-decoration:line -through können alle verwendet werden, um Durchstreichungseffekte zu erzeugen. Standardmäßig hat die durchgestrichene Linie jedoch dieselbe Farbe wie der Text.

So ändern Sie die durchgestrichene Farbe

Um die durchgestrichene Farbe anzupassen, ein zusätzliches Umbruchelement genutzt werden kann. Indem Sie dem äußeren Element die gewünschte Durchlauffarbe und dem inneren Element die gewünschte Textfarbe zuweisen, kann ein mehrfarbiger Durchstrich erzielt werden.

Bedenken Sie beispielsweise den folgenden Codeausschnitt:

<span>

In diesem Beispiel ist der äußere Bereich rot durchgestrichen, während der innere Bereich schwarzen Text hat. Dies führt dazu, dass der Text „schwarz mit roter Durchgestrichenheit“ mit einer schwarzen Farbe und einer roten durchgestrichenen Linie erscheint.

Das obige ist der detaillierte Inhalt vonWie erstelle ich mit CSS durchgestrichenen mehrfarbigen Text?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!