segunda-feira, 10 de junho de 2013

Código HTML para textos



Olá galera tudo beleza com vocês, já faz tempo que eu não posto então mãos as obras e vamos lá !

Hoje eu irei mostrar como usar códigos HTML para dar efeito em textos, vale lembrar que a sua criatividade é tudo e só depende de você.

Vamos aos códigos:

Fundo vermelho:
SEU TEXTO AQUI

<div style="background-color: red;"> SEU TEXTO AQUI </div>




Fundo laraja:
SEU TEXTO AQUI

<div style="background-color: orange;"> SEU TEXTO AQUI </div>




Fundo amarelo:
SEU TEXTO AQUI

<div style="background-color: yellow;"> SEU TEXTO AQUI </div>




Fundo limão:
SEU TEXTO AQUI

<div style="background-color: limegreen;"> SEU TEXTO AQUI </div>




Fundo azul claro:
SEU TEXTO AQUI

<div style="background-color: lightblue;"> SEU TEXTO AQUI </div>




Fundo roxo:
SEU TEXTO AQUI

<div style="background-color: purple;"> SEU TEXTO AQUI </div>




Fundo rosa:
SEU TEXTO AQUI

<div style="background-color: pink;"> SEU TEXTO AQUI </div>




Fundo preto:
SEU TEXTO AQUI

<div style="background-color: black; color:white;"> SEU TEXTO AQUI </div>




Texto apertado:
SEU TEXTO AQUI

<div style="letter-spacing: -3px"> SEU TEXTO AQUI </div>




Texto apertado grande:
SEU TEXTO AQUI
<span style="line-height: 115%; font-family: 'Georgia', 'serif'; letter-spacing: -5.6pt; font-size: 38pt"> SEU TEXTO AQUI </span>




Borda pontilhada:
SEU TEXTO AQUI

<div style="border: 2px dotted red;"> SEU TEXTO AQUI </div>




Fundo rosa com texto no centro:
SEU TEXTO AQUI

<div style="padding: 10px; color: rgb(255, 255, 255); position: relative; background-color: hotpink; text-align: center;"> SEU TEXTO AQUI </div>




Fundo preto com texto no centro:
SEU TEXTO AQUI

<div style="padding: 10px; color: rgb(255, 255, 255); position: relative; background-color: black; text-align: center; text-color:white;"> SEU TEXTO AQUI </div>




Borda sólida:
SEU TEXTO AQUI

<div style="border: 2px solid red;"> SEU TEXTO AQUI </div>




Borda pontilhada:
SEU TEXTO AQUI

<div style="border:2px dashed red;"> SEU TEXTO AQUI </div>

Nenhum comentário:

Postar um comentário