domingo, 27 de novembro de 2011

(CSS) Bordas arredondas

Sempre adorei caixas de texto e div estilo bordas arredondadas. Um exemplo disto foi a caixa de pesquisa que fiz logo acima (você deve ter percebido). Como pode ver, aquilo é um exemplo de borda arredondada.

Para fazer isto basta usar CSS 3 e colocar o seguinte código nas propriedades do estilo do objeto

border: 1px; (tamanho da borda)
-moz-border-radius: 10px; (distancia da borda redonda)
-webkit-border-radius: 10px;
(retire estes textos em parêntese quando for colocar o código, pelo amor de 'deus')


Simples não é? Não tem dificuldade e é muito útil, assim suprindo a necessidade de criar imagens como antigamente :)

Por Bruno da Silva.

Abraço a todos.

Nenhum comentário:

Postar um comentário