Home » Extras » Borda em Imagem

Esse código cria uma borda em volta da imagem que você escolher, e dexa sua pagina muito mais bonita. esse Script exige algumas alterações no html.


A borda em imagens só funciona em xhtml exemplo:

Sem Borda

Com Borda


Faça assim, no seu html, bem no início onde tem esse código:

<html>
<head>

Delete e coloque:

< !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">
<head profile="http://gmpg.org/xfn/11">

E agora va no seu CSS e coloque o seginte código, e edite-o como quiser.

.borderimage{
background-color: #ffffff;
padding: 7px;

border: 1px solid #dbdbdb;
margin-right: 4px;
margin-left: 4px;
margin-top: 1px;}

E aonde você quer que a imagem apareça coloque:

<img src= "http://www.suaimagem.jpg" class = "borderimage" />


 

  Guitriches © 2006-2008                                Powered by Wordpress -  Assine!