Tutorial - Criando um blockquote

Oiiiie gente click em leia-mais para continuar a ler....
Então hoje estava pensando em algo simples então pensei eu ensinar a fazer seu próprio blockquote, ebaa meu primeiro tutorial para aprender eeeeeh \(^ω^)/ então vamos começar? 
Não sei se todos conhecem bem html, mas penso que sabem que o código do blockquote tem que começar com: blockquote {

Para fazer o código,  adicionamos a chave para começarmos a fazê-lo veja alguns códigos que são usados na maioria dos blockotes :

text-align: center;  -centraliza o texto.-

color: #cor; -cor do texto-
background: #cor;  -cor do background-
border-bottom: 1px solid #cor;  -borda, cor da borda e tipo de borda-
padding: 5px; - tamanho do blockquote-
border-radius: 3px; -bordas arredondadas-
box-shadow: 0px 0px 0px #cor; -sombra da caixa. -
text-shadow: 0px 0px 0px #cor;  -sombra do texto. -

Estes são os mais importantes para construir um blockquote. Agora para finalizar feche o código com a chave, assim:
blockquote {text-align: center;color: #cor;background: #cor;}
 Espero ter ajudado muito kissus ^3^

Nenhum comentário :

Postar um comentário