Home » Extras » Tutoriais » Bordas em imagens
Bordas em imagens

Nivel: fácil


antes


Depois

Para ter este resultado, você tem que colocar o seguinte código em seu CSS:
/**** Bordas nas imagens - by MADLYLUV.com ****/
.borderimage
{border: 1px solid #COR DA BORDA;
background-color: #COR DO FUNDO;
padding:5px;
margin:5px;}

.borderimage:hover
{border: 1px solid #COR DA BORDA;
background-color: #COR DO FUNDO;
padding:5px;
margin:5px;}
Depois você personalize-o de acordo com o que deseja, com cores e tipo de bordas.

Para aparecer na imagem, faça a seguinte configuração:
<img src="http://suaimagem.com.br" border="0" class="borderimage">
Para aparecer no IE ou em qualquer navegador, basta colocar o seguinte código no lugar de <html>:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">



Ajudou? Creditou
tutorial by Ana Flávia Cador
www.MadlyLuv.com © 2008
Apaixone-se Loucamente <3



www.MadlyLuv.com