Bordas nas imagens - Sugestão Ana

agosto 23, 2012

Coloque 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>:

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">

Comentários

Ana Liziane25.8.12
tipo eu coloquei o código no css, mas quando fui procurar <html no HTML não achei ;/ eu errei em algum lugar?
ResponderExcluir
Respostas

Adicionar comentário

Postar um comentário

Seja educado , nossa educação depende da sua.
Criticas e sugestões são bem vindos.
Se reblogar por favor nos avise.

∞ Sugoi Tutoriais