Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17612
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Borda arredondada para todos navegadores

13-04-2012 20:11

Para quem procura adicionar borda arredondada em uma div, quer que o efeito funcione em todos os navegadores.

Acesse o site abaixo
http://border-radius.com/

O exemplo de uso do script é bem simples. Basta definir o valor da curvatura da borda dos cantos da divs, e pegar o código para aplicar a sua div.

Por exemplo, digite o valor 20, e irá retornar o seguinte código

-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;

Se eu quero que todas as divs do site tenham o efeito de borda arredondada, basta seguir o exemplo

<style> div { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border:1px solid #ccc; } </style>


<div>abc</div>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado