Latest web development tutorials

CSS enlace (link)

Los diferentes enlaces pueden tener diferentes estilos.

Estilo de enlace

enlaces de estilo, se puede utilizar cualquier propiedades CSS (como el color, tipo de letra, fondo, etc.).

enlaces especiales pueden tener diferentes estilos, dependiendo de qué estado se encuentran.

Los cuatro estados de enlace son:

  • a: link -, los enlaces no visitados normales
  • a: visited - enlaces que el usuario ha visitado
  • a: hover - cuando el usuario pasa el ratón sobre el enlace cuando
  • a: active - el enlace se hace clic en el momento

Ejemplos

a: link {color: # FF0000;} / * * enlace sin visitar /
a: visited {color: # 00FF00;} / * * / enlaces visitados
a: hover {color: # FF00FF;} / * mover el ratón para el enlace * /
a: active {color: # 0000FF;} / * * clic del ratón /

Trate »

Cuando se establece en un número de estilo de estado de enlace, hay algunas reglas de orden:

  • a: hover debe seguir el a: link y: visited tarde
  • a: active debe seguir a: hover detrás

estilo de vínculo común

De acuerdo con el ejemplo anterior cambio de color de los enlaces, para ver en qué estado se encuentra.

Veamos algunas otras formas comunes de estilo enlace:

Text-decoration

atributo text-decoration se utiliza principalmente para eliminar el subrayado en los enlaces:

Ejemplos

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}

Trate »

color de fondo

propiedad de color de fondo especifica el color de fondo del enlace:

Ejemplos

a:link {background-color:#B2FF99;}
a:visited {background-color:#FFFF85;}
a:hover {background-color:#FF704D;}
a:active {background-color:#FF704D;}

Trate »

Ejemplos

más ejemplos

Añadir diferentes estilos de hipervínculos
Este ejemplo muestra cómo agregar otros estilos de hipervínculos.

Avanzada - Crear vínculos cuadro
Este ejemplo demuestra un ejemplo más avanzado, combinamos una serie de propiedades CSS aparecen como cuadros.