No curso vimos que dá para colorir usando o strong e o span, mas e se eu precisar de uma terceira cor no texto? Como faço?
No curso vimos que dá para colorir usando o strong e o span, mas e se eu precisar de uma terceira cor no texto? Como faço?
Se você precisar de uma terceira cor no texto e já está utilizando o elemento <strong>
para uma cor e o <span>
para outra, uma opção é adicionar uma classe adicional ao elemento que você deseja colorir com a terceira cor. Aqui está um exemplo usando HTML e CSS:
Suponha que você tenha o seguinte HTML:
<p>
Este é um texto <strong>destacado em uma cor</strong> e este é outro texto
<span>com outra cor</span>.
</p>
Para adicionar uma terceira cor, você pode modificar o HTML e adicionar uma classe adicional, como a seguir:
<p>
Este é um texto <strong class="cor1">destacado em uma cor</strong> e este é outro texto
<span class="cor2">com outra cor</span> e este é um texto com <span class="cor3">a terceira cor</span>.
</p>
Agora, você pode usar CSS para definir as cores para cada classe. Por exemplo:
.cor1 {
color: red; /* Defina a cor desejada para cor1 */
}
.cor2 {
color: blue; /* Defina a cor desejada para cor2 */
}
.cor3 {
color: green; /* Defina a cor desejada para cor3 */
}
Dessa forma, você pode adicionar quantas cores quiser, atribuindo classes diferentes a cada parte do texto que precisa de uma cor específica. Certifique-se de ajustar as cores e classes conforme suas necessidades.
Obrigada!