Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Wie kann ich die Unterstreichungsfarbe von Text in PHP ändern, ohne die Textfarbe zu ändern?

DDD
Freigeben: 2024-11-12 12:48:02
Original
284 Leute haben es durchsucht

How can I change the underline color of text in PHP without changing the text color?

Mit CSS die Unterstreichungsfarbe ändern

Frage:

Im PHP-Code eine Zeichenfolge wird derzeit mit rotem Text und einer roten Unterstreichung angezeigt. Das Ziel besteht darin, den Text rot zu halten, aber die Unterstreichung in Schwarz zu ändern.

Antwort:

Durch die Verwendung der neuen CSS3-Eigenschaft text-decoration-color können Sie dies erreichen diesen gewünschten Effekt. Mit dieser Eigenschaft können Sie eine andere Farbe für die Textdekoration angeben, z. B. die Unterstreichung, ohne den Text in ein zusätzliches Element einzuschließen.

Beispiel:

p {
  text-decoration: underline;
  -webkit-text-decoration-color: red; /* Safari still uses vendor prefix */
  text-decoration-color: red;
}
Nach dem Login kopieren
<p>black text with red underline in one element - no wrapper elements here!</p>
Nach dem Login kopieren

Durch das Hinzufügen dieses CSS-Codes zu Ihrem Dokument wird der Text im

Tags bleiben rot, während die Unterstreichung jetzt rot angezeigt wird, was Ihnen den gewünschten visuellen Effekt verleiht.

Das obige ist der detaillierte Inhalt vonWie kann ich die Unterstreichungsfarbe von Text in PHP ändern, ohne die Textfarbe zu ä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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage