Enlaces CSS (Links)

Los enlaces o hiperenlaces son conexiones entre una página de recursos web y otra página de recursos web.

Estilos de enlace CSS

Los enlaces tienen cuatro estados diferentes- link, visited, active y hover. Estos cuatro estados de los enlaces o hiperenlaces se pueden usar con elementos de ancla.PseudoclasesEstablecer diferentes estilos mediante propiedades CSS, dependiendo de su estado.

Esto es con HTML <a>Marcar los pseudoclases asociados con CSS, que se pueden usar para definir diferentes estilos para diferentes estados de enlaces.

• a：link Establecer estilos para enlaces comunes o no visitados sin puntero de ratón.

• a：visited-Establecer el estilo del enlace cuando el usuario lo ha visitado pero no tiene el puntero del ratón.

• a：hover —Establecer el estilo del enlace cuando el usuario coloca el puntero del ratón sobre él.

• a：active-Establecer el estilo para el enlace que se está haciendo clic.

Puede especificar las propiedades que desea CSS, por ejemplo:color,font-family,backgroundcomo estos,ElegirRedefinir el estilo de enlace, como si fuera texto común.

a:link　{　　　　/*　Enlace no visitado　　　*/
　　　　color:　#FF0000;
　　　　text-decoration:　none;
}
a:visited　{　　　　/*　Enlace visitado　*/
　　　　color:　#00FF00;
}
a:hover　{　　　　/*　Al pasar el ratón sobre el enlace　*/
　　　　color:　#FF00FF;
　　　　text-decoration:　underline;
}
a:active　{　　　　/*　Enlace que se está haciendo clic　　*/
　　　　color:　#0000FF;
}

El orden en que se establecen estilos para varios estados de enlace es importante, porque la prioridad de la última definición es mayor que la del código CSS anterior.

Estilo de enlace estándar

En todos los navegadores web principales, si no se ha configurado un estilo específico, los enlaces en la página web tienen subrayado y utilizan el color predeterminado del navegador.

Por ejemplo, el color predeterminado de los enlaces de los navegadores web basados en Gecko (como Firefox) es- AzulRepresenta que no ha sido visitado,PúrpuraRepresenta que ha sido visitado,RojoRepresenta el enlace que se está haciendo clic.

Establecer el color de los enlaces

A continuación, se muestra un ejemplo de cómo establecer el color de los enlaces.

a:link　{　　　　/*　Enlace no visitado　　*/
　　　　color:　#FF0000;
}
a:visited　{　　　　/*Enlace visitado　*/
　　　　color:　#00FF00;
}
a:hover　{　　　　/*　Al pasar el ratón sobre el enlace　*/
　　　　color:　#FF00FF;
}
a:active　{　　　　/*　Enlace que se está haciendo clic　*/
　　　　color:　#0000FF;
}

Eliminar el subrayado predeterminado de los enlaces

text-decoration Los atributos de CSS generalmente se utilizan para eliminar la subrayado predeterminado de los enlaces. A continuación, se muestra un ejemplo de cómo eliminar o establecer text-Atributos de diferentes estados de hipervínculos. De CSS

a:link　{　　　　/*　Enlace no visitado　*/
　　　　color:　#FF0000;
　　　　text-decoration:　none;
}
a:visited　{　　　　/*　Enlace visitado　*/
　　　　color:　#00FF00;
　　　　text-decoration:　none;
}
a:hover　{　　　　/*　Al pasar el ratón sobre el enlace　*/
　　　　color:　#FF00FF;
　　　　text-decoration:　underline;
}
a:active　{　　　　/*　Enlace que se está haciendo clic　*/
　　　　color:　#0000FF;
　　　　text-decoration:　underline;
}