Remover a borda de uma imagem em HTML/CSS

Novembro 2017


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. Você pode acabar com esta borda por meio de dois procedimentos: solução HTML ou solução CSS.

Como fazer com a solução HTML

Utilize o atributo BORDER="0" na tag < IMG > (sem os espaços). 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>

Como tirar a borda com a solução CSS

Você deverá digitar o código indicado abaixo na folha de estilo:


a img 
{
border: none;
}

Foto: © Yuriy Vlasenko - Shutterstock.com

Veja também

Artigo original publicado por Jeff. Tradução feita por pintuda. Última modificação: 7 de novembro de 2017 às 06:16 por ninha25.
Este documento, intitulado 'Remover a borda de uma imagem 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.