Arredondar Bordas é Muito Fácil

Veja esse aplicativo criado por  Jacob Cyrus Bijani ( Direto de criação doTumblr’s ) . Com o BORDER RADIUS não tem mistério. A única coisa que você precisa fazer é determinar o numero em px para cada canto e o aplicativo oferece o código correspondente para ser inserido no bloco que queira exibir arredondado, por exemplo as áreas de postagens do Blogger, Header, ou sidebar. É ótimo pra gente compreender esse truque em CSS.

Veja no exemplo abaixo, coloquei 10px para cada canto.

Neste outro exemplo, coloquei 50px para o topo a esquerda e 50px para o bottom a direita:

Veja um exemplo para deixar sua área de postagem separada por blocos e com formato de cantos arredondado. Faça o seguinte:

OBS: Exemplo criado em modelo “Mínima” do Blogger

Faça login no Blogger e no painel clique na opção ►Layout

Depois clique em ►Editar HTML

Procure pelo trecho .post{

Troque todo o trecho entre colchetes, pelo código abaixo destacado em vermelho.

.post {

margin:10px;
border:1px solid #cccccc;
padding:10px;
background: #E9EAEE;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

}

Veja no blog de testes DEMO

 

Beijo da Mama ♥