Tutorial: Adicionando Bordas no Blog

Hoje vou ensinar à vocês a adicionarem bordas em seu blog, existem vários tipos, se você souber personalizar pode ficar lindo no seu bloguinho

Um exemplo de borda a mais simples e comum. Solid

border: 1px solid #000000

Em azul a expessura da borda, em verde o modelo em roxo a cor.

 

Abaixo segue outros modelos de bordas com expessuras e cores alteraveis.

border: 2px dotted #000000

border: 2px dashed #000000

border: 4px double #000000

border: 2px groove #000000

border: 2px ridge #000000

border: 2px inset #000000

border: 2px outset #000000

Escolha a borda que você quiser caso queira colocar em HTML/JavaScript,

para colocar em postagens e gadgets, coloque:

<div style="border: 4px double #000000;">COLOQUE AQUI O QUE QUISER<div>

Esse é o código para colocar a borda em todos os lados. 
Agora tem formas de colocar apenas em um lado essa é a melhor parte.

       top: para cima          bottom: para baixo

right: direita             left: esquerda

Um exemplo de como ficaria o código com uma borda apenas para cima (top):

<div style="border-top: 4px double #000000;"> 

coloque um traço depois de border e o lado que você escolheu.

Agora se você quiser colocar no designer de seu blog. Design > Editar HTML > esse 

é o código para colocar em alguma parte de seu blog, pelo html dele, css e qualquer 
parte de /* exemplo:  /* posts  ,  /* headings , /* header, etc ..

border-top: 4px double #000000;

para colocar a borda em todos os lados

border: 4px double #000000;

e não esqueça de colocar sempre dentro das chaves quando for no html do 
seu blog. 

Exemplo: se você fosse colocar nos links:

a:link {
  text-decoration:none;
  color: $(link.color);
  border: 4px double #000000;
}

então é isso gente,lembrando que esse tutorial pertence ao blog Material extra, visite!