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


Moderador: web

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

Colocar laterais arredondadas CSS

01-03-2016 16:37

Nesse post vou mostrar como deixar uma div com os cantos arredondados usando o CSS.

Para fazer isso precisamos adicionar na classe da div os -webkit-border-radius e border-radius.

Segue um exemplo básico

<style> .lateral{ border:1px solid #ccc; -webkit-border-radius:5px; border-radius:5px; width:100px; height:100px; } </style> <div class="lateral"></div>

Você também pode usar esse gerador online para colocar um canto arredondado em suas divs http://border-radius.com/

Esse gerador é bem simples de usar. Basta colocar o valor numérico em cada lado da div depois pegar o código CSS dentro da div e aplicar a sua classe.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

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