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

Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17253
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
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:

Quem está online

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