Borda nas imagens usando CSS e HTML
Publicado por Cristiano Verissimo em 22/05/2010
[ Hits: 76.745 ]
Borda nas imagens usando CSS e HTML
1. Coloque o seguinte código no seu CSS:
display: block;
margin-left: auto;
margin-right: auto;
padding: 3px;
text-align: center;
background-color: #ffffff;
border: 1px solid #dbdbdb;
}
.alignleft{
float: left;
margin: 1px 4px 0 0;
padding: 3px;
background-color: #ffffff;
border: 1px solid #dbdbdb;
}
.alignright{
float: right;
margin: 1px 0 0 4px;
padding: 3px;
background-color: #ffffff;
border: 1px solid #dbdbdb;
}
.alignnone{
margin: 1px 4px 0 0;
padding: 3px;
background-color: #ffffff;
border: 1px solid #dbdbdb;
}
2. No seu HTML coloque:
Para imagem centralizada:
Para imagem alinhada à esquerda:
Para imagem alinhada à direita:
Para imagem sem alinhamento:
3. Às vezes, para que a borda funcione corretamente no Internet Explorer, você tem que substituir o <html> e o <head> por:
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
Configurando a seu gosto:
margin: 1px 4px 0 0;
padding: 3px; /* Aqui Você pode aumentar ou diminuir o tamanho da borda pode colocar 3px, 5px, 6px etc */
background-color: #ffffff; /* Aqui você pode trocar a cor */
border: 1px solid #dbdbdb;
}
Um exemplo:
Sem borda:
BrasilLinux DosVox - Linux para deficientes visuais
Renomeie vários arquivos com o Thunar
Instalando e configurando GeForce 6200 AGP no Linux
Imperdível: 2º Linux Install Fest @ Rio de Janeiro x 24/06
Nvidia FX 5500 no OpenSuSE 11.1
Nenhum comentário foi encontrado.
Patrocínio
Destaques
Artigos
tux-gpt - Assistente de IA para o Terminal
Instalação e configuração do Chrony
Programa IRPF - Guia de Instalação e Resolução de alguns Problemas
Dicas
Instalando o Team Viewer no Debian Trixie - problema no Policykit
O Que Fazer Após Instalar Ubuntu 25.04
O Que Fazer Após Instalar Fedora 42
Debian 12 -- Errata - Correções de segurança
Instalando o Pi-Hole versão v5.18.4 depois do lançamento da versão v6.0
Tópicos
Pra quem contribui com artigos e dicas (4)
Meu PC perde o boot de várias distros Linux após ficar desligado (1)
Alguém poderia me ajudar a escolher peças pra montar um desktop? (25)
Top 10 do mês
Scripts
A maior comunidade GNU/Linux da América Latina! Artigos, dicas, tutoriais, fórum, scripts e muito mais. Ideal para quem busca auto-ajuda.
Site hospedado por:
