Colocando bordas no blog

Ohayooo queridos bunnie's, como estão? Decidi atualizar essa postagem, devido a má explicação. Foi pulicada originalmente em 2012, e atualizei em 2017. Abaixo você encontrará a brevia das bordas, espero que gostem até a próxima!

Brevia do efeito

O código principal:  border: 1px solid #D683DE;

Então para aplica, vá em seu HTML e procure por:

.main-inner .column-center-inner {

Depois que achar abaixo dele coloque o código abaixo:

border: 1px solid #D683DE;

Você pode mudar a parte em vermelho pela qual você achar que fica melhor:

border-bottom - Coloca borda apenas na parte de baixo.
border-top - Coloca borda apenas na parte de cima.
border-left - Coloca borda apenas na esquerda.
border-right - Coloca borda apenas na direita.

(1px) Expresura da borda
(#D683DE) Cor da borda
(solid) Estilo de borda

A onde esta em itálico e onde iremos mudar o estilo da borda, que agora mostrarei abaixo quais são:

Borda Dashed

Borda Dotted

Borda Solid

Borda Double

Borda Groove

Borda Ridge

Borda Inset

Borda Outset

Os mesmo estilos aplicados em imagens:

Solid - E a mais conhecida de todas, ela e uma linha sólida, sem efeitos ou seja simples.

Dashed - É uma linha feita com trações, onde a linha sólida original fica com efeito de partida". Eu aconselho usar em 1px.

Dotted -  É uma linha formada por pontos, o bacana e usa-la com alguma fonte que os pontos tenham efeito.

Groove - Essa borda possui um relevo mais escuro do que a cor que você escolheu 

Ridge - A mesma coisa que o de cima, só que as cores trocam de lugar.

Também a inset e a outset, que é relevo para dentro e para fora.