Um quadrado com bordas

[ewise 0]

Oi!Como colocar bordas em um quadrado usando uma imagem qualquer de por exemplo 3x3 px? Dá pra fazer com div?Agradeço a ajuda de vcs!!!

[pa_bruno 0]

isso:

#nomeDoDiv {border: 1px solid #000000;}

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[ewise 0]

Não exatamente, usando uma IMAGEM pra fazer a borda.

[Illidan 0]

Bom, aí complica um pouco... mas dá. Essa caixa vai variar de tamanho? Se sim, acho que você vai ter que fazer 4 divs aninhadas pra resolver isso... pra cada div, você coloca a imagem de fundo numa extremidade (margem superior, direita, inferior e esquerda). A imagem que vai formar a borda é a mesma para as 4 extremidades?

[pa_bruno 0]

num recomendo fazer isso naum cara... mas se você quer mesmo, eu faria d outra forma... mas ae seria tamanho fixo...

#primeiroDiv {background: url(imagem.jpg) no-repeat;width: 200px;height: 200px;}#segundoDiv {margin: 5px;background-color: #FFFFFF;}

ae esse segundo div ficaria por cima do primeiro:

<div id="primeiroDiv">
<div id="segundoDiv">
conteúdo
</div>
</div>

ae o segundo ficaria com uma "borda" de 5px aos lados, fazendo com q apareça a imagem d fundo do outro div... ;)