Remover a borda de uma imagem em um link em HTML/CSS

Dezembro 2016

Você fez uma imagem clicável, colocando uma tag IMG dentro de um link <a href=""></a> e o navegador exibe um quadro ou, mais precisamente, uma borda ao redor da imagem.

Existem duas maneiras de acabar com esta borda:


Solução em HTML puro


Utilizar o atributo BORDER="0" na tag <IMG>. Por exemplo:

<A HREF="ursinho_do_mar.html"><IMG SRC="pequeno_urso_mergulhador.gif" ALT="Foto de um bebê urso na água salgada." BORDER="0"></A>

Solução em CSS


Na folha de estilo, definir o código abaixo:

a img 
{ 
border: none; 
}



Tradução feita por Lucia Maurity y Nouira

Veja também

Artigo original publicado por . Tradução feita por pintuda. Última modificação: 7 de junho de 2011 às 13:45 por pintuda.
Este documento, intitulado 'Remover a borda de uma imagem em um link em HTML/CSS', está disponível sob a licença Creative Commons. Você pode copiar e/ou modificar o conteúdo desta página com base nas condições estipuladas pela licença. Não se esqueça de creditar o CCM (br.ccm.net) ao utilizar este artigo.