Modelos de Blockquotes

Hey pixels! Batemos a meta de 200 comentários! Foi tão rápido, não acham? Também estou melhorando meus conhecimentos com HTML, já estou até decorando a maioria dos códigos mais simples, como fundo, sombra, e outras coisitas. Ah questão e que eu estou animada com o blog, nesse últimos dias ele anda evoluindo tanto. É o bom e que posso trazer materiais diferentes a cada dia para vocês, para não ficar muito repetitivo u-u . Estarei atualizando o blog a tarde, pois e um horário bom para mim, e para quem também tem blog.

A postagem de hoje e para atualizar a tag de tutoriais já que faz um tempo em que não trago um tutorial para vocês, dessa vez são blockquotes, eles dão um certo charme ao blog, principalmente quando você quer destacar algo em sua postagem, eu mesma adoro coloca-los para mostrar um código, em meus tutoriais. Mais também servem para mostrar outras coisas, embora a maioria use para destacar códigos. É isso pixels! espero que gostem dos blockquotes! E até o próximo post!

  1º Modelo:

blockquote{
border: 1px double #A0522D;
background-color: #DEB887;
padding: 5px;
font-family: verdana;
font-size: 11px;
color: #A0522D;
-webkit-transition-duration: .50s;
text-align: center;
box-shadow: inset 0 0 2px #CD853F;
}
blockquote:hover{
opacity: .70;
-webkit-transition-duration: .50s;
}

2º Modelo:

blockquote{
border-left: 2px double #A9A9A9;
border-right: 2px double #A9A9A9;
background-color: #E8E8E8;
padding: 5px;
font-family: verdana;
font-size: 11px;
color: #A9A9A9;
-webkit-transition-duration: .50s;
text-align: center;
box-shadow: inset 0 0 2px #CFCFCF;
}
blockquote:hover{
opacity: .70;
-webkit-transition-duration: .50s;
}

3º Modelo:

blockquote{
border: 1px solid #191970;
background-color: #6495ED;
border-radius: 1px;
padding: 5px;
font-family: verdana;
font-size: 11px;
color: #191970;
-webkit-transition-duration: .50s;
text-align: center;
box-shadow: inset 0 0 2px #7B68EE;
}
blockquote:hover{
text-decoration: line-through;
opacity: .85;
-webkit-transition-duration: .50s;
}

Obs: Os códigos devem ser colados abaixo de ]]></b:skin>