Estilos de Bordas Diferentes em Css!

Olá moranguetes? Tudo beleza? Nossa gente que noite mais friaaa O.O Esquecendo um pouco do frio e me concentrando no post, pensei em postar sobre bordas, mas não bordas em imagem como estamos acostumados, bordas pressionadas, bordas por fora da imagem etc.. Mas sim bordas em css, igual a que eu coloquei nos corpo dos posts e nos gadgets da sidebar. Não existe somente borda redonda e meio quadrada, existem várias outras diferentes e muito legais! E são tão fáceis de usar, são modelos simples que fazem todo um efeito no blog, acho meio ultrapassado usar as mesmas bordas em todo o tipo de layout, eu sei, eu também usei e muito, mas como tudo é uma fase estou dando estas outras opções para vocês!

Aqui exemplos de bordas:

Todos os modelos de bordas você irá colocar onde quer o efeito, exemplo se você quiser no corpo do post, ou na sidebar vá até .post ou .sidebar e coloque o código, visualize e veja se deu certo, é só salvar!

Código A:  -moz-border-radius-bottomright: 50px; border-bottom-right-radius: 50px;}

Código B:  -moz-border-radius-bottomright: 50px 25px; border-bottom-right-radius: 50px 25px;}

Código C:  -moz-border-radius-bottomright: 25px 50px; border-bottom-right-radius: 25px 50px;}

Código D: -moz-border-radius: 1em 4em 1em 4em; border-radius: 1em 4em 1em 4em;}

Código E:  -moz-border-radius: 25px 10px / 10px 25px; border-radius: 25px 10px / 10px 25px;}

Código F:  -moz-border-radius: 35px; border-radius: 35px;}

 É isso códigos simples mas que fazem uma grande diferença na hora de montar seu layout!

Kissus para todos..Roh ;)