tutorial- 3 modelos de Blockquote diferentes ;)

Oii!

Trouxe um tutorial bem legal hj é bem util espero que goste credito Things to help you

Vou mostra 3 tipos diferentes de personalizar seu blockquote, mas possui any modelos..

Blockquote 1- Ficará assim:

Cole isso antes de </style>:

blockquote{
background: #FFE4E1; /**cor do fundo**/
border-right: 3px solid #FF1493; /**cor do traço da direita**/
color: #FF1493; /** cor das palavras **/
font-family: tahoma; /**fonte**/
font-weight: normal;
font-size: 11px; /**tamanho das palavras**/
text-align: right;
padding: 3px;
}

Blockquote 2- Exemplo:

Cole isso antes de </style>:

blockquote {
background: #F0FFF0; /**cor do fundo**/
border: 1px solid #00FF00; /**cor da borda**/
color: #00FF00; /** cor das palavras **/
font-family: tahoma; /**fonte**/
font-weight: normal;
font-size: 11px; /**tamanho das palavras**/
text-align: right;
padding: 7px;
border-radius: 25px;
}

Blockquote 3- Ficará assim:

Cole isso antes de </style>:

blockquote {
background: #E6E6FA; /**cor do fundo**/
border-bottom: 3px solid #0000FF; /**cor da borda embaixo**/
color: #0000FF; /** cor das palavras **/
font-family: tahoma; /**fonte**/
font-weight: normal;
font-size: 11px; /**tamanho das palavras**/
text-align: right;
padding: 3px;
border-radius: 25px;
}

Espero que tenham gostado!<3

Kissus,

Aline 

Bom, é isso e desculpe se esqueci de explicar algo. Lembrando que os códigos não são meus porém credite pelo tuto