Borda em imagens
O que é?

Quer uma borda prática, fofa e estilosa? O css resolve seu problema ;D
Sem borda:

Com borda:


Instalando

Este código vai no seu css:

.borderimage{
background-color: #ffffff;
padding: 7px;
border: 1px solid #dbdbdb;
margin-right: 5px;
margin-left: 5px;
margin-top: 1px;}

Para colocar uma imagem no fundo da borda, substitua background-color: #ffffff; por background-image: url (http://www.imagemm.com); e coloque o endereço da imagem.
Você tambem pode alterar a cor da borda.

Para que a borda apareça nas imagens, acrescente no código padrão este:

class="borderimage"

Ficando assim:

< img src="http://imagem" class="borderimage" >

A T E N Ç Ã O

A borda talvez não funcione corretamente no Internet Explore. Por isso o ideal é substituir a tag < HTML > por este código:

< !DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Este tutorial é de minha autoria. Copia parcial ou total, proibida!
Dúvidas? Clique aqui.
Quer ajudar a melhorar esse conteúdo? Clique aqui.

 


Copyright © 2009 last song.   Layout desenvolvido por 'HAPILLSS'.