| <p> Isto é um parágrafo com várias palavras <SPAN style=”color:green”>de cor verde</SPAN>. é muito fácil. </p> |
Que tem como resultado:
Isto é um parágrafo com várias palavras de cor verde. É muito fácil.
Estilo definido para uma etiqueta
Deste modo podemos fazer com que toda uma etiqueta mostre um estilo determinado. Por exemplo, podemos definir um parágrafo inteiro de cor vermelha e outro de cor azul. Para isso, utilizamos o atributo style, que é admitido por todas as etiquetas do HTML (sempre e quando dispormos de um navegador compatível com CSS).
| <p style=”color:#990000″> Isto é um parágrafo de cor vermelha. </p> <p style=”color:#000099″> Isto é um parágrafo de cor azul. </p> |
Que tem como resultado:
Isto é um parágrafo de cor vermelha.
Isto é um parágrafo de cor azul.
Estilo definido em uma parte da página
Com a etiqueta <DIV> podemos definir seções de uma página e aplicar estilos com o atributo style, ou seja, podemos definir estilos de uma só vez a todo um bloco da página.
| <div style=”color:#000099; font-weight:bold”> <h3>Estas etiquetas vão em <i>azul e negrito</i></h3> <p> Continuamos dentro do DIV, por isso permanecem os estilos. </p> </div> |
Que tem como resultado:
Estas etiquetas vão em azul e negrito
Continuamos dentro do DIV, por isso permanecem os estilos.
