Remover a borda de uma imagem em HTML/CSS

Pode acontecer um problema relacionado à criação de uma imagem clicável, colocando uma <ital>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.</ital>

Como fazer com a solução HTML

Utilize o atributo border="0" na tag < IMG > (sem os espaços). Por exemplo:

<img border="0" height="xxx" src="http://......./sxxx/........" width="xxx" />

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: © Unsplash

Nosso conteúdo é produzido em colaboração com especialistas em tecnologia da informação sob o comando de Jean-François Pillou, fundador do CCM.net. CCM é um site sobre tecnologia líder em nível internacional e está disponível em 11 idiomas.
Veja também
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.

Assine nossa newsletter!

Assine nossa newsletter!