Se você estiver construindo websites, definitivamente deve levar em consideração as configurações de exibição de páginas nos navegadores dos visitantes. Em particular, as imagens colocadas dentro das tags de link são contornadas pelos navegadores com uma borda larga de um ponto (pixel) azul por padrão. Isso deve ser levado em consideração ao definir o tamanho dos elementos da página e ao determinar o design das cores. Existe uma solução alternativa para o problema - usar HTML e CSS para forçar os navegadores a não exibirem o quadro.
Instruções
Passo 1
Se para a sua versão do design da página for suficiente remover a borda de uma imagem específica com um link ou apenas algumas, então será suficiente adicionar o atributo border com valor zero às suas tags. Com esta adição, o código HTML de imagens com links pode ter a seguinte aparência: Você também pode usar os atributos de estilo - essas opções são equivalentes. Com o atributo style e um valor de borda zero especificado nele, o mesmo código ficaria assim: Ao usar o atributo style, o valor zero (0px) pode ser substituído pelo texto "nenhum" (sem aspas).
Passo 2
Se você quiser evitar o aparecimento de um quadro em absolutamente todas as imagens com links colocados na página, é mais fácil fazer isso em um único lugar no código HTML. Para fazer isso, uma descrição dos estilos de página com uma regra comum a todos os links deve ser colocada na parte do título do documento (entre as tags e). Você pode escrever esta regra assim: a img {border: none;} Deve ser colocada dentro de uma tag que informa ao navegador que há uma descrição de estilos em CSS aqui:
a img {border: none;}
etapa 3
Se você usar scripts JavaScript em uma página que executa qualquer ação quando você clica em um link de texto sem alternar para outra página, depois de clicar em alguns navegadores e ao redor do link de texto, um quadro pontilhado semelhante permanece. Para evitar essa alteração não autorizada em seu design, adicione uma regra apropriada para links de texto ao bloco de descrição de estilo CSS:
a {esboço: nenhum;}
