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 ArquetteOriginal
- 2024-11-16 00:48:02211Durchsuche
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>
<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>
<p> Enter the competition by <span>