par

Comment changer la couleur d'un texte en HTML, c'est à dire changer la couleur d'un mot dans une phrase, ou la couleur d'un lien, ou encore changer la couleur de fond d'un cadre ?

2 Réponses

+2 validé
par

Pour changer la couleur d'un texte HTML vous devez utiliser les feuilles de styles CSS.

Vous devez définir tout d'abord les CLASS que vous allez utiliser pour changer la couleur des différents éléments HTML :

Exemple de CLASS :

  • Une CLASS nommée fond_bleu pour la couleur de fond.
  • Une CLASS nommée rouge pour la couleur rouge d'un texte.
  • Une CLASS nommée vert pour la couleur verte d'un lien.

Code HTML :

<style>
.fond_bleu {
background-color: blue;
}

.rouge{
color: red;
}

.vert{
color: green;
}
</style>

<div class="fond_bleu">
Un texte avec <span class="rouge">un mot en rouge</span> 
et un autre mot avec un <a href"#" class="vert">lien en vert</a>
</div>

Remarque : La nomenclature des couleurs est multiple pour changer la couleur d'un texte HTML : vous pouvez utiliser le nom des couleurs (red, green, blue, etc), les valeurs exprimées en hexadécimal, ou les valeurs RGBA.

+1 validé
par

Vous pouvez également utiliser la balise <font> pour changer la couleur du texte en HTML.

<font color="red">Ce texte est coloré en rouge en HTML</font>

Remarque : Cette méthode est ancienne, elle date du HTML1. Elle est dépréciée mais fonctionne encore pour l'instant avec l'ensemble des navigateurs.

Lecture Recommandée

Edward Snowden - Mémoires vives

"Je m'appelle Edward Joseph Snowden. Avant, je travaillais pour le gouvernement mais aujourd'hui je suis au service de tous. Il m'a fallu près de trente ans pour saisir la différence et quand j'ai compris, ça m'a valu quelques ennuis au bureau."

L'homme qui a tout risqué pour dénoncer la surveillance globale, ou l'extraordinaire histoire d'un garçon brillant qui a grandi "en ligne", d'un homme devenu espion, puis lanceur d'alerte, et, en exil, la consciencce de l'internet.

Mémoires vives est un témoignage exceptionnel, également disponible en numérique.

Sujets Connexes

Offre Sponsorisée

Ailleurs sur le Web

Merci pour votre visite sur 1FORMATIK.com

Un petit clic sur la pub est toujours apprécié, c'est elle qui finance le site

Bon surf

...