Si está creando sitios web, definitivamente debe tener en cuenta la configuración para mostrar páginas en los navegadores de los visitantes. En particular, las imágenes colocadas dentro de las etiquetas de los enlaces están delimitadas por los navegadores con un borde azul de un punto (píxel) de ancho por defecto. Esto debe tenerse en cuenta tanto al establecer el tamaño de los elementos de la página como al determinar su diseño de color. Existe una solución alternativa al problema: utilizar HTML y CSS para obligar a los navegadores a no mostrar el marco.
Instrucciones
Paso 1
Si para su versión del diseño de la página será suficiente eliminar el borde de una imagen específica con un enlace o solo algunos, entonces será suficiente agregar el atributo de borde con un valor cero a sus etiquetas. Con esta adición, el código HTML de las imágenes con enlaces puede verse así: También puede usar los atributos de estilo; estas opciones son equivalentes. Con el atributo de estilo y un valor de borde cero especificado en él, el mismo código se vería así: Cuando se usa el atributo de estilo, el valor cero (0px) se puede reemplazar con el texto "ninguno" (sin comillas).
Paso 2
Si desea evitar la aparición de un marco para absolutamente todas las imágenes con enlaces colocados en la página, entonces es más fácil hacerlo en un solo lugar en el código HTML. Para hacer esto, se debe colocar una descripción de los estilos de página con una regla común a todos los enlaces en la parte del encabezado del documento (entre las etiquetas y). Puede escribir esta regla así: a img {border: none;} Debe colocarse dentro de una etiqueta que le indique al navegador que hay una descripción de estilos en CSS aquí:
a img {borde: ninguno;}
Paso 3
Si usa scripts de JavaScript en una página que realizan cualquier acción cuando hace clic en un enlace de texto sin cambiar a otra página, luego de hacer clic en algunos navegadores y alrededor del enlace de texto, queda un marco punteado similar. Para evitar este cambio no autorizado en su diseño, agregue una regla apropiada para los enlaces de texto al bloque de descripción de estilo CSS:
a {esquema: ninguno;}
