Maison >interface Web >tutoriel CSS >Comment puis-je changer la couleur de mots spécifiques dans une chaîne de texte HTML ?

Comment puis-je changer la couleur de mots spécifiques dans une chaîne de texte HTML ?

Patricia Arquette
Patricia Arquetteoriginal
2024-11-16 00:48:02213parcourir

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

Changer les couleurs de mots spécifiques dans le texte HTML

Pour modifier la couleur de mots spécifiques dans une chaîne de texte en HTML, vous pouvez utiliser CSS en ligne ou classes CSS.

CSS en ligne :

<p> Participez au concours en <br> <span> et vous pourriez gagner jusqu'à $$$$ — y compris d'incroyables <br> <span> voyages !<br></p><br>

Cette approche ajoute un élément span autour des mots que vous souhaitez colorer différemment et applique le style de couleur à cette étendue.

Classes CSS :

Vous pouvez également définir des classes CSS :

< pré>

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



Cette méthode consiste à créer des règles CSS pour les couleurs souhaitées, à attribuer ces règles à des classes spécifiques, puis à appliquer ces classes au texte que vous souhaitez styliser. .

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn