Como personalizar o blockquote

Olá amores, estou aqui novamente!
Bem, não vou falar muito sobre bobagens agora, por que tenho que ir arrumar a
casa ( Gaby: escrava Isaura). Então irei direto ao post.

Enfim, pensei em trazer alguns modelos de blockquote, mas achei melhor ensinar
vocês a criá-los:

1- Abra o bloco de notas e adicione o seguinte código:

blockquote {
border: 3px solid #fee; /* cor da borda */
background: #fcc; /* cor de fundo */
padding: 10px; /* distancia do texto e das bordas*/
font-size: 11px;  /* Tamanho da fonte */
color: #000000;  /* cor da fonte */
text-align: center; /* alinhamento do texto*/
}
blockquote: hover {
border: 3px solid #fcc; /* cor da borda  quando passa o mouse*/
background: #fee; /* cor de fundo quando passa o mouse*/
padding: 10px;  /* distancia do texto e das bordas em hover*/
font-size: 11px;  /* Tamanho da fonte quando passa o mouse*/
color: #000000; /* cor da fonte em hover */
text-align: center; /* alinhamento do texto em hover*/
}

Agora que você já sabe para que serve cada código, altere como quiser.

Se quiser colocar uma imagem no fundo troque:
background: #fcc;
Por:
background: url("Url_Da_Imagem"); 

Se quiser as bordas tracejadas troque o solid por dashed.

Ainda tem outras infinidades de coisas que podem ser adicionadas, quando terminar de editar seu
código, cole ele acima de ]]></:bskin>: