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
Veja também
- Remover borda css
- Remover borda - Melhores respostas
- Borda no css - Melhores respostas
- Remover sublinhado link css - Dicas -HTML
- Remover linha de borda word - Dicas -Word
- Posicionar imagem css - Dicas - CSS
- Div transparente css - Dicas -CSS
- Mudar cursor do mouse css - Dicas -CSS
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!
