-
¿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.