Heim > Web-Frontend > CSS-Tutorial > Wie kann ich die Farbe bestimmter Wörter innerhalb einer HTML-Textzeichenfolge ändern?

Wie kann ich die Farbe bestimmter Wörter innerhalb einer HTML-Textzeichenfolge ändern?

Patricia Arquette
Freigeben: 2024-11-16 00:48:02
Original
215 Leute haben es durchsucht

How can I change the color of specific words within an HTML text string?

Farben bestimmter Wörter in HTML-Text ändern

Um die Farbe bestimmter Wörter innerhalb einer Textzeichenfolge in HTML zu ändern, können Sie Folgendes verwenden: Inline-CSS oder CSS-Klassen.

Inline CSS:

<p> Nehmen Sie per <br> <span> am Wettbewerb teil und Sie können bis zu $$$$ gewinnen – einschließlich erstaunlicher <br> <span> Reisen!<br></p><br>

Dieser Ansatz fügt ein Span-Element hinzu die Wörter, die Sie anders einfärben möchten, und wendet den Farbstil auf diesen Bereich an.

CSS-Klassen:

Alternativ können Sie CSS-Klassen definieren:

<html><br> <head></p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><style type="text/css">
  p { 
    font-size:14px; 
    color:#538b01; 
    font-weight:bold; 
    font-style:italic;
  }
  .date {
    color: #ff0000;
  }
  .season { /* Contrived example... */
    color: #0000a0;
  }
</style>
Nach dem Login kopieren


<p>
  Enter the competition by 
  <span>
Nach dem Login kopieren



Diese Methode beinhaltet das Erstellen von CSS-Regeln für die gewünschten Farben, Weisen Sie diese Regeln bestimmten Klassen zu und wenden Sie diese Klassen dann auf den Text an, den Sie formatieren möchten.

Das obige ist der detaillierte Inhalt vonWie kann ich die Farbe bestimmter Wörter innerhalb einer HTML-Textzeichenfolge ä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 Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage