quinta-feira, 24 de junho de 2010

Bordas arredondadas com CSS 3

Olá, aqui segue um exemplo de como arredondar a borda de um elemento usando CSS 3:

Isto vai no HTML:

<input type="text" class="curve"/>

Isto vai no CSS:

.curve {
 border-radius: 10px; /* CSS 3 */
 -o-border-radius: 10px; /* Opera */
 -icab-border-radius: 10px; /* iCab */
 -khtml-border-radius: 10x; /* Konqueror */
 -moz-border-radius: 10px; /* Firefox */
 -webkit-border-radius: 10px; /* Safari & Chrome */
 border: #000000 2px solid; /* Cor e Expessura da borda */
}

é isso, até mais!

Nenhum comentário:

Postar um comentário