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


Moderador: web

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

Como colocar uma borda sobre outra borda ou fazer borda dupla CSS

18-11-2016 10:11

Nesse post vou mostrar como fazer uma borda dupla em uma div.

Ao invés da div ter somente uma borda terá uma borda sobre outra borda. Com isso dá para aplicar diversos efeitos visuais na div.

Para fazer isso usaremos a propriedade border para definir a borda principal e a propriedade outline para definir a borda que ficará sobre a borda principal.

Segue o exemplo de uma div com duas bordas, onde uma borda fica sobre a borda principal.

<style> .bordas { border: 5px solid gray; outline: 5px solid black; width:100px; height:100px } </style> <div class="bordas"></div>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

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