Como criar cantos arredondados com CSS3

Para deixar seus "blocos" com cantos arredondados sem a utilização de imagens o negócio é usar o CSS3 o unico problema é que o nosso "amado" Internet Explorer não reconhece tais comandos, mas pra quem não se importa com isso, abaixo você vê exemplos de como fazer:

Exemplo de bloco com bordas arredondadas

#bloco{

-moz-border-radius:7px;  //Utilizado para Mozilla Firefox
-webkit-border-radius:7px; //Utilizado para Chrome e Safari
border-radius:7px; //Utilizado para Opera
width: 350px;
height: 20px;
background-color: gray;
text-align: center;
color: white;
 } 

Abaixo exemplos caso você não queira arredondar todos os cantos:

Para definirmos cada canto no firefox, usamos o seguinte:
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px;

Já para Chrome e Safari:
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-webkit-border-bottom-right-radius: 7px;

Fonte:  DesignBlog