J'ai le message suivant (légèrement modifié) :
"Participez au concours avant le 30 janvier 2011 et vous pourriez gagner jusqu'à $$$$ - y compris des voyages d'été extraordinaires !"
J'ai actuellement :
<p style="font-size:14px; color:#538b01; font-weight:bold; font-style:italic;">vous mettez en forme la chaîne de texte, mais vous voulez changer la couleur de "30 janvier 2011" en #FF0000 et de "été" en #0000A0.
Comment puis-je faire cela strictement avec du HTML ou du CSS en ligne ?
<p style="font-size:14px; color:#538b01; font-weight:bold; font-style:italic;">
Enter the competition by
<span style="color: #ff0000">January 30, 2011</span>
and you could win up to $$$$ — including amazing
<span style="color: #0000a0">summer</span>
trips!
</p>Vous pouvez aussi utiliser des classes CSS à la place :
<html>
<head>
<style type="text/css">
p {
font-size:14px;
color:#538b01;
font-weight:bold;
font-style:italic;
}
.date {
color: #ff0000;
}
.season { /* OK, a bit contrived... */
color: #0000a0;
}
</style>
</head>
<body>
<p>
Enter the competition by
<span class="date">January 30, 2011</span>
and you could win up to $$$$ — including amazing
<span class="season">summer</span>
trips!
</p>
</body>
</html>
Vous pouvez utiliser la balise HTML5 <mark> :
<p>Enter the competition by
<mark class="red">January 30, 2011</mark> and you could win up to $$$$ — including amazing
<mark class="blue">summer</mark> trips!</p>Et utilisez ceci dans le CSS :
p {
font-size:14px;
color:#538b01;
font-weight:bold;
font-style:italic;
}
mark.red {
color:#ff0000;
background: none;
}
mark.blue {
color:#0000A0;
background: none;
}L'étiquette <mark> a une couleur de fond par défaut... du moins dans Chrome.
Il est dommage que la réponse n'ait pas été attribuée. Je l'aurais bien attribuée à ceci (et fie à ceux qui utilisent des navigateurs qui ne supportent pas le HTML (y en a-t-il encore ?))
<p style="font-size:14px; color:#538b01; font-weight:bold; font-style:italic;">
Enter the competition by <span style="color:#FF0000">January 30, 2011</span> and you could win up to $$$$ — including amazing <span style="color:#0000A0">summer</span> trips!
</p>Les éléments span sont en ligne et n'interrompent donc pas le flux du paragraphe, mais se placent entre les balises.
Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.
