informaticaPC

Tutorial de CSS

Eliminar el borde de una imagen usada como enlace

Regístrate

Los datos recopilados tienen como finalidad el envío de novedades sobre contenidos formativos propios (tanto en modalidad gratuita como de pago) y de terceros en calidad de afiliado, así como también noticias, información y otros contenidos relacionados con la informática y las nuevas tecnologías, siendo responsable de dicha información Francisco Javier Medina Medina (propietario de InformaticaPC.com).
Al obtener tu consentimiento los datos serán almacenados en el proveedor de E-Mail marketing MailRelay.
Por supuesto, en cualquier momento podrás hacer uso de tus derechos para acceder, rectificar, limitar y suprimir dichos datos.

Eliminar el borde de una imagen usada como enlace

Cuando usamos una imagen como enlace algunos navegadores web muestran el borde de la misma: podemos eliminarlo de forma sencilla usando CSS.

Código HTML:

<html>
    <head>
        <title>Cursos gratis</title>
        <link rel="stylesheet" type="text/css" href="estilos.css" />
    </head>

    <body>
        <a href="http://www.aprender-informatica.com/"><img src="apinf.jpg" /></a>
    </body>
</html>

Código CSS:

img {
    border:0;
}

Descargar ejemplo

De este modo, no se mostrará el borde que algunos navegadores web muestran en las imágenes usadas como enlaces.

Eliminar borde

Primera página Anterior
Usamos cookies para ofrecerte una experiencia mejorada, el continuar navegando supone que aceptas su uso