Primeira Letra dos Textos em Capitular

Um efeito muito popular usado em revistas e jornais é uma letra capitular no inicio do parágrafo, este efeito também pode ser encontrado em muitos blogues e websites.


É uma letra grande letra que se estende até três ou quatro linhas de texto, a letra capitular também pode usar uma fonte diferente e pode ser de uma cor diferente do resto do texto.

Para fazer isto baste que coloques o código abaixo no CSS do teu blogue ou site.

p:first-letter {
display:block;
margin: -12px 10px 0 0;
float:left;
color:#0033CC;
font-size:80px;
font-family:Verdana;
}

Neste código podes alterar algumas coisas, como; color (cor do texto), font-size (tamanho da fonte), font-family (fonte do texto), etc..

Nota que o texto onde desejas que apareça este efeito deve começar no Html pela tag <p>, ou seja assim;

<p>Texto aqui</p>

Ao fazeres isto, todas os textos que tiveres começados com a tag <p>  irão aparecer com a primeira letra capitular.