Nivel: fácil

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;}
.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;}
Para aparecer na imagem, faça a seguinte configuração:
<img src="http://suaimagem.com.br" border="0" class="borderimage">
<!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">
<html xmlns="http://www.w3.org/1999/xhtml">
tutorial by Ana Flávia Cador
www.MadlyLuv.com © 2008
Apaixone-se Loucamente <3
www.MadlyLuv.com







visitantes online
Total de
Desenvolvido e mantido por Ana
Flávia Cador
Licenciada pela