En este vídeo de la Zona Código aprenderás a dar estilos a los enlaces de tu web. Conocerás las propiedades css de los links y te enseñaré a modificarlas fácilmente.
Haremos retoques sencillos como cambiar el color de los links, el tamaño, el tipo de letra o si se mostrarán en mayúsculas o minúsculas.
Pero también aprenderás a quitar los estilos que ya vienen con los enlaces de tu web (lo más típico es quitar el subrayado a los links).
Y, por supuesto, te explicaré las propiedades de los enlaces y sus diferentes estados (hover, active y visited).
Vídeo: cómo crear enlaces bonitos con css (o feos! tú los controlas)
Este contenido es para miembros
Incluye acceso a todos los cursos, vídeos de la Zona Código, recursos, al soporte y a la comunidad privada. Inicia sesión si eres miembro.
Código css usado
Este contenido es para miembros
Incluye acceso a todos los cursos, vídeos de la Zona Código, recursos, al soporte y a la comunidad privada. Inicia sesión si eres miembro.
Conclusión
Ahora podrás controlar los estilos de los enlaces de tu web. Son retoques sencillos por css que dan mucho juego. Piensa que puedes controlar los diferentes estados de los links:
- hover (
:hover): estado del enlace al pasar el ratón por encima - active (
:active): cómo se mostrará el link mientras se pulsa sobre él - visited (
:visited): estilo del enlace cuando ya ha sido visitado
También has aprendido cómo hacer que cambie el cursor cuando se pasa por un enlace. ¿Quieres convertir enlaces en botones? Aquí lo vemos.