Tecnología

Inicio

¿Cómo deshacerse de los bordes de la imagen en enlaces en CSS

Al mover la mano sobre un enlace Web, el cursor cambia de forma. Los navegadores aplican efectos visuales especiales a los enlaces que ayudan a los usuarios a reconocer de forma rápida. Los enlaces de texto, por ejemplo, pueden aparecer subrayada si los desarrolladores de sitios no anulan ese comportamiento por defecto el uso de CSS. Enlaces a la imagen - que consisten en imágenes - tienen bordes alrededor de ellos. Los usuarios saben que pueden hacer clic las imágenes a causa de las fronteras. Si desea eliminar estas fronteras, añadir una sencilla clase CSS "noBorder" a su documento HTML.

Instrucciones

1 Lanzar cualquier editor HTML o el Bloc de notas. Abra uno de los documentos HTML.

2 Copia el siguiente código y pegarlo en la sección de cuerpo de su documento:

<a href="http://www.whitehouse.gov">

<Img class = "noBorder" alt = "prueba" />

</a>

Este código crea una etiqueta de anclaje. La etiqueta img en el interior de los puntos de anclaje en un archivo denominado "mi_imagen.gif." Reemplazar ese nombre con la dirección URL de una imagen en la Web o el nombre de una imagen en su disco duro. Tenga en cuenta que la etiqueta img referencia a una clase CSS llamada "noBorder." puntos de propiedad href de la etiqueta de anclaje a la página web de la Casa Blanca.

3 Agregue el siguiente código CSS a la sección de estilo de su documento:

.noBorder {border: 0px}

Esta clase establece el ancho del borde de cualquier elemento que hace referencia a la clase a cero píxeles.

4 Guarde el documento. Poner en marcha el explorador y abra el documento. No hay ningún recuadro alrededor de la imagen. Haga clic en la imagen para visitar el sitio web de la Casa Blanca.