Wie kann ich schwarzen Text in HTML rot unterstreichen?

Farbige Unterstreichungen in HTML

Dieser Code erzeugt unterstrichenen Text mit roter Farbe:

echo "<u><font color="red"><br>$username</font></u>";

Allerdings Sie möchten den Text schwarz lassen, aber dennoch rot unterstreichen.

Lösung: Textdekorationsfarbe

CSS3 hat eine neue Eigenschaft namens text-decoration-color eingeführt. Mit dieser Eigenschaft können Sie der Textdekoration, in diesem Fall der Unterstreichung, eine eigene Farbe zuweisen.

Durch die Verwendung dieser Eigenschaft können Sie den gewünschten Effekt erzielen:

p {
  text-decoration: underline;
  -webkit-text-decoration-color: red; /* for Safari */
  text-decoration-color: red;
}

<p>black text with red underline in one element - no wrapper elements here!</p>

Dieser Code erzeugt schwarzen Text mit roter Unterstreichung, ohne dass zusätzliche Wrapper-Elemente erforderlich sind.

Das obige ist der detaillierte Inhalt vonWie kann ich schwarzen Text in HTML rot unterstreichen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!