Bordas nas imagens
Coloque o seguinte código em seu CSS:
01 | /**** Bordas nas imagens - by MADLYLUV.com ****/ |
02 | .borderimage |
03 | {border: 1px solid #COR DA BORDA; |
04 | background-color: #COR DO FUNDO; |
05 | padding:5px; |
06 | margin:5px;} |
07 |
08 | .borderimage:hover |
09 | {border: 1px solid #COR DA BORDA; |
10 | background-color: #COR DO FUNDO; |
11 | padding:5px; |
12 | 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:
1 | <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>:
1 | http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
2 | <html xmlns="http://www.w3.org/1999/xhtml"> |
Nenhum comentário:
Postar um comentário