CSS3 cantos arredondados

Adicionando cantos arredondados em CSS2 foi complicado. Tivemos de usar imagens diferentes para cada canto.

Em CSS3, criando cantos arredondados é fácil.

Em CSS3, a propriedade border-radius é usado para criar cantos arredondados:

Exemplo

Adicionar cantos arredondados a um elemento div:

div
{
border:2px solid;
border-radius:25px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
}

Apostila de HTML5 http://www.w3c.br/pub/Cursos/CursoHTML5/html5-web.pdf

Apostila CSS3 http://www.w3c.br/pub/Cursos/CursoCSS3/css-web.pdf