O HTML Style Atributo
Definir o estilo de um elemento HTML, pode ser feito com o style atributo.
O atributo de estilo HTML tem a seguinte sintaxe:
style=" property : value; "A property é uma propriedade CSS. O value é um valor CSS.
Você vai aprender mais sobre CSS mais adiante neste tutorial.
HTML Cor de Fundo
O background-color propriedade define a cor de fundo para um elemento HTML:
Este exemplo define o fundo para uma página para lightgrey:
Exemplo
<body style="background-color:lightgrey;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body> Tente você mesmo " HTML Text Color
A color propriedade define a cor do texto para um elemento HTML:
Exemplo
<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p> Tente você mesmo " HTML fontes
O font-family propriedade define a fonte a ser usado para um elemento HTML:
Exemplo
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p> Tente você mesmo " HTML Tamanho do Texto
O font-size propriedade define o tamanho do texto para um elemento HTML:
Exemplo
<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p> Tente você mesmo " Alinhamento de texto HTML
O text-align propriedade define o alinhamento do texto horizontal para um elemento HTML:
Exemplo
<h1 style="text-align:center;">Centered Heading</h1>
<p>This is a paragraph.</p> Tente você mesmo " Resumo do capítulo
- Use o style atributo para elementos estilo HTML
- Use background-color para a cor de fundo
- Use color para as cores de texto
- Use font-family para fontes de texto
- Use font-size para tamanhos de texto
- Use text-align para o alinhamento do texto
Teste-se com exercícios!
Exercício 1 » exercício 2» exercício 3 » exercício 4» exercício 5 » exercício 6»