Heim >Web-Frontend >CSS-Tutorial >Kann ich die Farbe einer Unterstreichung im Text ändern?

Kann ich die Farbe einer Unterstreichung im Text ändern?

Susan Sarandon
Susan SarandonOriginal
2024-11-04 00:57:30870Durchsuche

Can I Change the Color of an Underline in Text?

Textunterstreichungsfarbe anpassen

F: Ist es möglich, die Farbe der unter einem Text gezeichneten Linie zu ändern?

A: Ja, Sie können die Unterstreichungsfarbe jetzt mühelos mit CSS ändern.

Für moderne Browser (Unterstützung für Text-Dekoration-Farbe):

So geben Sie die Unterstreichung an Farbe verwenden Sie die folgende Regel:

<code class="css">text-decoration-color: #color_value;</code>

Um beispielsweise roten Text mit einer blauen Unterstreichung zu erstellen, lautet der Code:

<code class="css">text-decoration-color: blue;</code>

Für ältere Browser (Rahmen -bottom-Methode):

Wenn Ihr Browser text-decoration-color nicht unterstützt, besteht eine alternative Methode darin, einen Rahmen unter dem Text zu erstellen:

<code class="css">a:link {
  color: red;
  text-decoration: none;
  border-bottom: 1px solid blue;
}

a:hover {
  border-bottom-color: green;
}</code>

In diesem Beispiel Es wird ein blau unterstrichener Link erstellt, der beim Schweben grün wird.

Das obige ist der detaillierte Inhalt vonKann ich die Farbe einer Unterstreichung im Text ändern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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