informaticaPC

Tutorial de CSS

Eliminar el contorno de un 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 contorno de un enlace u otro elemento

Con el siguiente ejemplo eliminamos el contorno de un enlace para que no se muestre al hacer clic en él.

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >
<html>
    <head>
        <title>Cursos gratis</title>
        <link rel="stylesheet" type="text/css" href="estilos.css" />
    </head>

    <body>
        <a href="https://informaticapc.com/">Cursos de informática</a>
    </body>
</html>

Código CSS:

a {
    outline:none;
}

Descargar ejemplo

De este modo, no se mostrará el contorno al hacer clic en el enlace al hacer clic:

Quitar contorno

Información

Para que funcione en el navegador web Internet Explorer es necesario declarar <doctype> al principio de la página web.

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