Cómo quitar una img border ancla

La etiqueta de anclaje ( "a") en formato HTML se utiliza para crear un hipervínculo a otras páginas web o para una parte diferente de la página actual. Texto general, se coloca entre un par de "a" etiquetas, por lo que el usuario puede hacer clic en las palabras para abrir el enlace. Sin embargo, una etiqueta "img" también se puede colocar entre la "a" etiquetas. A continuación, el usuario hace clic en una imagen para seguir el enlace. Algunos navegadores colocar un borde azul alrededor de este tipo de imágenes, imitando el formato azul subrayado común de enlaces de texto. Si encuentras esto visualmente molesto, se puede especificar que la imagen debe tener ninguna frontera utilizando el código Cascading Style Sheet.

Instrucciones

1 Coloque el código siguiente entre las etiquetas "cabeza" de su documento HTML:

<Style type = "text / css">

.Sin bordes

{

border: none;

}

</ Style>

2 Añadir el atributo "clase" con el valor "noborder" a la etiqueta "img" que desea quitar el borde de. Aquí hay un ejemplo:

<a href="link.html"> <img class = "etiquetas" noborder en la página. Cambiar el código CSS entre las etiquetas "cabeza" a lo siguiente:

<Style type = "text / css">

un img

{

border: none;

}

</ Style>

No es necesario especificar una clase para cualquiera de las etiquetas "img" si se utiliza esta técnica.