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

Moderador: web

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

Efeito de div arredondada sobre um fundo

11-12-2015 18:07

Nesse post vou postar o código para ter um efeito de div arredondada que parece ter sido sobre posta sobre uma linha de fundo.

Esse efeito é bem legal. E pode ser configurado de diversas cores e tamanhos.

<style> body{ height:auto; margin:0; } div.topo{ background-color:#333; width:100%; height:30px; } div.conteudo{ -webkit-border-radius:5px 5px 5px 5px; border-radius: 5px; width:50%; background-color:white; margin: auto; position:relative; top:-10px; z-index:2; } div.fundo{ background-color:#333; width:100%; height:30px; position:relative; top:-15px; z-index:1; } </style> <div class="topo"></div> <div class="conteudo">abcd<br />1234 abcd<br />1234 abcd<br />1234 abcd<br />1234 abcd<br />1234 abcd<br />1234 abcd<br />1234 abcd<br />1234</div> <div class="fundo"></div>

1
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