Por exemplo, em um parágrafo:
<p id="paragrafo">
Bla bla bla
banana uva morango
bla bla bla
</p>
Como eu mudaria a cor só da palavra "uva", por exemplo?
Stack Overflow em Português é um site de perguntas e respostas para programadores profissionais e entusiastas. Leva apenas um minuto para se inscrever.
Inscreva-se para participar desta comunidadeComo mudar a cor de apenas uma palavra em um parágrafo?
Coloque um span
, que é a tag mais recomendada para esta finalidade na palavra uva
e estilize como quiser:
<p id="paragrafo">
Bla bla bla
banana <span style="color: #f00;">uva</span> morango
bla bla bla
</p>
Outra forma, mais ideal, seria adicionar uma classe à tag span
e estilizar dentro de um bloco com tag style
:
<style type="text/css">
.corVermelha {
color: #f00;
}
</style>
<p id="paragrafo">
Bla bla bla
banana <span class="corVermelha">uva</span> morango
bla bla bla
</p>
PS: Recomenda-se que o bloco da tag style
fique dentro do bloco da tag head
do HTML. Por mais que funcione fora, é aconselhável que faça assim.
Referências:
Por fim, recomendo que estude um pouco sobre as tags do HTML e sobre a estilização com CSS.
Você pode fazer assim
<p id="paragrafo">
Bla bla bla
banana <span style="color: #4286f4">uva</span> morango
bla bla bla
</p>
Coloque seu texto personalizável dentro de uma tag e atribuía a ela uma class, desta forma você tem um elemento inline personalizável. Espero ter ajudado
.palavra{
color: purple;
}
<p id="paragrafo">
Bla bla bla
banana
morango
bla bla bla
<span class="palavra">uva<span>
</p>
<span class="cor">uva</span>