Images Bordas Arredondadas

Atenção As Bordas Só Funciona Com Os Seguintes Navegadores
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!!!