Css3 - Bordas Arredondadas Sem Imagens

Olá, hoje, eu irei ensinar a como criar bordas arredondadas usando css3, oque pode deixar o site mais rapido para carregar, antes de começar, um exemplo abaixo:

(Todo o site foi feito usando css3)

1º - Arredondando todos os lados do objeto:

 Codigo:

border-radius:10px;

 Altere onde esta marcado de vermelho, pela dimenção da abertura que queira!

Visualização:

Exemplo

2º Arredondando cada canto com uma abertura diferente:

Codigo:

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

Exemplo

Codigo:

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

Exemplo 

Codigo:

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

Exemplo

Codigo:

  border-radius: 10px 10px 10px 10px;

Exemplo

Bem, so irei explicar isso por hoje, espero que tenha ajudado, façam suas alterações, textem e ate o proximo artigo! :D