Maison > interface Web > tutoriel CSS > le corps du texte

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

Patricia Arquette
Libérer: 2024-11-16 00:48:02
original
143 Les gens l'ont consulté

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>
Copier après la connexion


<p>
  Enter the competition by 
  <span>
Copier après la connexion



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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal