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
Freigeben: 2024-11-04 00:57:30
Original
783 Leute haben es durchsucht

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

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

<code class="css">text-decoration-color: blue;</code>
Nach dem Login kopieren

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

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!

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