Quando você coloca uma imagem dentro da tag de link (entre e), o navegador do visitante, por padrão, desenha uma borda azul de um pixel ao redor da imagem. Além do fato de que a arbitrariedade do navegador aumenta o tamanho desse elemento de design de sua página em dois pixels verticalmente e dois pixels horizontalmente, a cor azul pode não corresponder ao esquema de cores do design da página.
Instruções
Passo 1
Se você precisar remover a borda de uma ou mais imagens de link, você pode fazer isso adicionando um atributo de borda com valor zero à tag de cada uma das imagens que você precisa. Por exemplo: O mesmo efeito pode ser obtido usando o atributo de estilo, colocando a mesma borda com um valor zero: O valor zero (0px) nesta variante pode ser substituído pelo valor "nenhum" (sem aspas).
Passo 2
Se você precisa resolver esse problema radicalmente, ou seja, para todas as imagens com links em todo o documento, então é melhor fazer de forma diferente. Não há necessidade de adicionar o atributo correspondente à tag de cada imagem separadamente, é mais fácil escrever a regra comum a todos na descrição do estilo no início do documento. Esta regra CSS terá a seguinte aparência: a img {border: none;} Deve ser colocada no bloco de descrição do estilo, e o próprio bloco deve ser colocado antes da tag de fechamento do título da página:
a img {border: none;}
etapa 3
Não apenas imagens, mas também links de texto simples em alguns tipos de navegadores têm um problema semelhante - se um visitante clicar no link, uma borda pontilhada permanecerá ao redor dele. Para salvar sua página deste erro de design, adicione a seguinte regra de link às descrições de estilo:
a img {esboço: nenhum;}
