Borda em Imagens
Deixe suas imagens mais bonitas, colocando borda. É muito fácil!
BORDA EM IMAGEM
1. Coloque o codigo abaixo dentro do seu style.css
.borderimage{
background-color: #DDE2DB;
padding: 7px;
border: 1px solid #778970;
text-align:justify;
font-size:9px;
font-family: microsoft sans serif;
color: #778970;
margin-right: 3px;
margin-left: 3px;
margin-top: 1px;}
background-color: #DDE2DB;
padding: 7px;
border: 1px solid #778970;
text-align:justify;
font-size:9px;
font-family: microsoft sans serif;
color: #778970;
margin-right: 3px;
margin-left: 3px;
margin-top: 1px;}
2. Depois é só colocar dentro da tag img esse codigo: class=”borderimage”
Ex: < img src="http://www.seusite.com/imagem.jpg" class="borderimage" >
3. Para que a borda da imagem seja um backgraund, basta trocar ” background-color: #DDE2DB; ” por ” background-image: url(http://www.imagem.com); ”
Tutorial produzido por FláviaKitty.com. Proibida qualquer tipo de cópia!!!. Não redistribua, e se utilizar por favor credite. Em caso de dúvidas, é só perguntar.