Tutorial: Dos modelos de Blockquote

¡Hola! ¿Que tal? <3

Hoy les traigo dos modelos de Blockquote del blog de (AllyTutos)

Plantilla / Editar HTML / CTRL + F (Buscas)

]]></b:skin>

- Primer modelo 

blockquote {
text-align:center; /* Texto centralizado */
padding: 6px; /* Espaço entre texto e borda do blockquote */
background-color: #E8E8E8; /* Cor de fundo do blockquote */
border: 1px solid #B5B5B5; /* Espessura, tipo e cor da borda */
color: #9C9C9C; /* Cor da fonte */
font-family: Arial; /* Fonte do texto */
text-shadow: 1px 1px 0 #fff; /* Cor da sombra do texto */
text-transform:uppercase; /* Texto em letras maiúsculas */
letter-spacing:1px; /* Espaço entre as letras do texto */
font-size: 11px; /* Tamanho da fonte do texto */
}

- Segundo modelo

blockquote {
text-align:center; /* Texto centralizado */
padding: 6px; /* Espaço entre borda e texto do blockquote */
background-color: #696969; /* Cor de fundo do blockquote */
color: #fff; /* Cor da fonte */
font-family: Arial; /* Fonte do texto */
font-style: italic; /* Estilo do texto em itálico */
font-size: 12px; /* Tamanho da fonte do texto */
border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; /* Bordas arredondadas */
}

Recuerden dar los créditos, por favor.

¡Hasta luego!