Olá pessoal, hoje vou mostrar como que faz para arredondar uma div, é bem simples, mas tem um porem, só funciona nos navegadores da Mozilla e no Google Chrome, isso mesmo, nosso IE problemático fica de fora, a vantagem é que se trata de um diferencial para implementar em seu projeto ou em seu conhecimento, já que se trata de uma novidade.


<title>Arredondando Div com CSS 3</title>

#quadro{

background:#99F;/*Cor para nosso background*/

width:200px;/*Largura de nossa div*/

height:300px;/*Altura de nossa div*/

border:1px solid; /* Borda de tamanho 1px e solida*/

border-radius:15px;

/*aplicando o filtro para o mozilla firefox -moz */
-moz-border-radius:15px;

/*aplicando o filtro para o Google Chrome -webkit*/
-webkit-border-radius:15px;

}

<div><!--Basta exibir normalmente-->

</div>

É isso ai pessoal, espero que tenham gostado.