Remover a borda de uma imagem em HTML/CSS

Faça uma pergunta

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
Jean-François Pillou

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 e diretor digital do Grupo Figaro. CCM é um site sobre tecnologia líder em nível internacional e está disponível em 11 idiomas.

Mais informações sobre a equipe do CCM