Como fazer bordas arredondadas em CSS3

Oi galera, como estão? Faz um tempinho que estou sem aparecer por aqui, mas é que minha vida tem sido muito corrida ultimamente. Trago hoje para vocês um tutorial super fácil onde vocês irão aprender a fazer aquelas bordas arredondadas.

Tutorial

Escolha um dos tipos de bordas abaixo:

Todas os cantos arredondados

border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;

Canto superior direito e canto inferior esquerdo arredondado

-moz-border-radius: 0 20px; -webkit-border-radius: 0 20px; border-radius: 0 20px;

Canto superior esquerdo e canto inferior direito arredondado

-moz-border-radius:20px 0; -webkit-border-radius:20px 0; border-radius:20px 0;

Cantos superiores arredondados

border-radius:10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0;

Cantos inferiores arredondados

border-radius:0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px;

Onde está em roxo claro você deve substituir por um valor, quanto maior o número, mais arredondado ficará e quanto menor, menos arredondado será.

---

Para colocar uma caixa de texto no estilo de blockquote no seu post e personalizar com as bordas arredondadas você deve usar o seguinte código:

<div style="background:#D5EFF5;color:#3D96A8; padding: 10px; COLE AQUI O CÓDIGO DA BORDA ARREDONDADA ESCOLHIDA ACIMA;">Aqui ficará um exemplo do texto dentro da caixa no estilo de blockquote.</div>

Onde está em:

• Verde Claro: Você colocará a cor do background, a cor de fundo da caixinha colorida;
• Amarelo Claro: É a cor do texto que ficará dentro dessa caixinha;
• Azul Claro: É o valor que define o espaço entre a borda da caixinha e o texto;
• Roxo Claro: É o lugar onde ficará o texto.

Quer um exemplo de como a caixinha ficará? Veja o exemplo abaixo:

Aqui ficará um exemplo do texto dentro da caixa no estilo de blockquote.

Aqui, no meu caso eu apliquei o segundo código lá de cima, apenas alterando o valor de 20px para 30px.

Dúvidas, sugestões? Pedido de help me? Mandem nos comentários que eu respondo!