Los bordes punteados alrededor de los enlaces son una característica de accesibilidad que la mayoría de los navegadores tienen de forma predeterminada. Es para usuarios que deben o eligen navegar por teclado, hay un estilo visual aplicado a esos enlaces cuando se "tabulan" a. Estos bordes también aparecen cuando se hace clic en el enlace (en su estado "activo") y pueden ser una monstruosidad dependiendo del diseño (especialmente cuando se usa algo como reemplazo de imagen CSS, los bordes abarcan la longitud de la pantalla). Puedes eliminarlos con esto:
a:active ( outline: none; )NOTA: La ventaja aquí es que el estilo: focus seguirá utilizando los contornos, lo que significa que los navegadores de teclado seguirán teniendo el estilo de enfoque / comentarios visuales.