Principal » Enlaces con CSS (links)

Enlaces con CSS (links)

Posted Abril 5th, 2009 by Tronico

Veamos cómo presentar los enlaces (links) aplicandoles CSSinfo, Los enlaces tienen varios estados que son los siguientes:

  • link sin visitar (“normales”)
  • hover (cuando pasamos el cursor del ratón por encima)
  • active (cuando hacemos clic)
  • visited (cuando ya hemos ido a esa dirección)

Son los llamados pseudo selectores y la sintaxis es:

a {propiedades}
a:link {propiedades}
a:visited {propiedades}
a:hover {propiedades}
a:active {propiedades}

Puedes aplicar a estos pseudo selectores las mismas propiedades que le puedes aplicar a cualquier otro elemento: cambiar el color de fondo, la fuente, la alineación, el tamaño de la letra… etc.

Ejemplo:

a:link {
   font-family: tahoma, arial, sans-serif;
   color: #B22222;
   font-size: 18px; }

a:visited {
   font-family: arial, sans-serif;
   color: #B23322;
   font-size: 19px; }

‹ Apuntes CSSarribaApuntes HTML ›

Responder

El contenido de este campo se mantiene como privado y no se muestra públicamente.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Saltos automáticos de líneas y de párrafos.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.
  • Use the special tag [adsense:format:slot] or [adsense:format:[group]:[channel][:slot]] or [adsense:block:location] to display Google AdSense ads.
  • Glossary terms will be automatically marked with links to their descriptions. If there are certain phrases or sections of text that should be excluded from glossary marking and linking, use the special markup, [no-glossary] ... [/no-glossary]. Additionally, these HTML elements will not be scanned: a, abbr, acronym, code, h1, h2, pre.

Más información sobre opciones de formato

Powered by Drupal - Modified by Danger4k