[Resolvido] Como criar uma borda

[Voltaire 0]

como eu crio a borda transparente igual a da foto? html, css.

 

http://imageshack.us/photo/my-images/849/semttuloli.png/

[Odair Oliveira_163654 2]

O que faz a mágica é uma div relative e a outra absolute

 

.login {
position:relative; /*IMPORTANTE*/
width:780px;
height:172px;
background-image:url(imagens/background.png); /*UMA IMAGEM TRANSPARENTE */

/*BORDAS ARREDONDADAS */
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

ESSE AQUI É O CONTEUDO

 

.login2 {
position:absolute; /*IMPORTANTE*/
width:760px;
height:152px;
background-image:url(imagens/brushed_alu.png); /*UMA IMAGEM OPACA */
background-repeat:repeat;

/*BORDAS ARREDONDADAS */
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

Da uma olhada no exemplo que fiz:

http://www.chiptronic.com.br/

 

Note que o tamanho do conteúdo eu fiz 20px menor que o tamanho total da borda: IMAGEM DA BORDA: width:780px; height:172px; - CONTEUDO: width:760px; height:152px;.

[Voltaire 0]

Excelente! Muito obrigado.

[Odair Oliveira_163654 2]

Imagina, sempre que precisar poste suas dúvidas, tem uma galera firmeza aqui pronto a ajudar.

 

Excelente! Muito obrigado.