Bordas Arredondadas

A
Mozilla Firefox 
Opera
Chrome
Safari

1. Estilo Bordas Arredondadas Igualmente

Este texto você visualiza com as bordas arredondadas, se você não estiver usando o Internet Explorer.

<div style="-moz-border-radius: 20px; -webkit-border-radius: 20px; background: #0060FF; border-radius: 20px; border: #000 3px solid; color: white; padding: 10px;">
Este texto você visualiza com as bordas arredondadas, se você não estiver usando o Internet Explorer.</div>
Código Para Aplicar Em Algum Elemento

border-radius:20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
2. Estilo Bordas Arredondadas Topo Direito e Rodapé Esquerdo

Este texto você visualiza com as bordas arredondadas, se você não estiver usando o Internet Explorer.

<div style="-moz-border-radius: 0 20px; -webkit-border-radius: 0 20px; background: #0060FF; border-radius: 0 20px; border: #000 3px solid; color: white; padding: 10px;">
Este texto você visualiza com as bordas arredondadas, se você não estiver usando o Internet Explorer.</div>
Código Para Aplicar Em Algum Elemento
-moz-border-radius:0 20px;
-webkit-border-radius:0 20px;
border-radius:0 20px;
3. Estilos bordas Arredondadas Topo Esquerdo e Rodapé Direito

Este texto você visualiza com as bordas arredondadas, se você não estiver usando o Internet Explorer.

<div style="-moz-border-radius: 20px 0; -webkit-border-radius: 20px 0; background: #0060FF; border-radius: 20px 0; border: #000 3px solid; color: white; padding: 10px;">
Este texto você visualiza com as bordas arredondadas, se você não estiver usando o Internet Explorer.</div>
Código Para Aplicar Em Algum Elemento

-moz-border-radius:20px 0;
-webkit-border-radius:20px 0;
border-radius:20px 0;
4. Estilo Bordas Arredondadas No Topo

Este texto você visualiza com as bordas arredondadas, se você não estiver usando o Internet Explorer.

<div style="-moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; background: #0060FF; border-radius: 10px 10px 0 0; border: #000 3px solid; color: white; padding: 10px;">
Este texto você visualiza com as bordas arredondadas, se você não estiver usando o Internet Explorer.</div>
Código Para Aplicar Em Algum Elemento

border-radius:10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
5. Estilo Bordas Arredondadas No Rodapé

Este texto você visualiza com as bordas arredondadas, se você não estiver usando o Internet Explorer.

<div style="-moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; background: #0060FF; border-radius: 0 0 10px 10px; border: #000 3px solid; color: white; padding: 10px;">
Este texto você visualiza com as bordas arredondadas, se você não estiver usando o Internet Explorer.</div>
Código Para Aplicar Em Algum Elemento

border-radius:0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
Gostou Então Comenta!!!