#Tutorial - Linha pontilhada abaixo do titulo do gadget + Estilos de linha

Hoy Pessoal! Tudo bem com vocês? ^^  Estou ótima! 

Hoje eu vim trazer um tutorial bem simples de como por linha pontilhada abaixo do titulo do gadget existe muitos tutoriais desses para titulo do post mas hoje eu quiser trazer para gadget!   Lets go?  

Vá em design > modelo > editar html clique em qualquer código depois aperte ctrl + f e digite na barrinha de pesquisa o seguinte código

]]></b:skin>

Depois de ter achado esse código cole o seguinte código acima dele

.sidebar h2 {

text-align: center;

background-color: #fff;

width: 265px;

height: 15px;

font-size:15px; 

text-shadow:0 1px 1px #000;

A, A:link: #000000;text-decoration:none;

border-bottom: 1px dashed #000;

border-top: 1px solid #ffffff; } 

                                Entendendo os códigos =3

"background-color: #ffffff;" = Obviamente a cor do fundo 

"font-size:12px;" = Tamanho da fonte

"border-bottom: 1px dashed #ff79c1;" = 1px -> Grossura da linha / dashed -> Estilo da linha / #ff79c1 -> Cor da linha pontilhada

                                                                 Créditos ao: Garota Irresponsavel

                                          Estilos de Linha

No tuto anterior a linha pontilhada que eu falei tem um nome, ela se chama dashed mas existe outros nomes, hoje eu vou falar pra vocês quais são:

solid = Como o nome diz, SÓLIDA quer dizer uma linha normal, como essa = __________ 

dotted = Exemplo dela = ..........................

dashed = Exemplo dela = -----------------

double = Não tenho modos para demonstra-la mas essa é como a solid só que duplicada 

Agora que sabe os estilos de linha pode usar no seu layout na parte de html como em blockquotes, sidebar, menu e etc

                                                        Créditos ao: Garota Irresponsavel

Ps 1: Primeira postagem com os créditos todos a mim *____* idhsifhdufh