ubiquitour.com

HTML: Cómo rodar sobre el texto para cambiar el Color del vínculo

HTML: Cómo rodar sobre el texto para cambiar el Color del vínculo

Ninguna página Web está completa sin el hipervínculos. Con HTML y CSS, puede definir los colores para cada tipo de enlace en una página: libración visitado, no visitado y activo. El hover es el color que un enlace asume cuando el cursor del ratón se coloca sobre él. Hover colores no son sólo decorativas. Porque el enlace cambia de color al pasar sobre él, ayuda al lector a navegar por la página y siga los enlaces que le gusta rápidamente.

Instrucciones

Craete enlace colores

1 Abra un editor de texto. Se puede utilizar un editor básico como el Bloc de notas. Guarde el archivo como "style.css" en su computadora en la misma carpeta que los archivos de su sitio Web.

2 Hacer declaraciones CSS para los colores de hipervínculo utilizando las pseudoclases "ancla" como sigue. Utilice cualquiera de los dos nombres de colores (como se muestra abajo), valores o valores RGB del maleficio. Tenga en cuenta que el orden de las declaraciones es necesaria para hacerlos funcionar.

a: link {color: red;}

una: visitó {color: blue;}

a: hover {color: green;}

a: active {color: white;}

3 Agregar comentarios si le ayuda a recordar qué pseudo-clase de se aplica a que tipo de hipervínculo en la Página Web.

a: link {color: red;} / este es el enlace regular. /

una: visitó {color: blue;} / esto es para un hipervínculo visitado. /

a: hover {color: green;} / esto es para cambiar el color de un enlace cuando ruedas el ratón sobre él /

a: active {color: white;} / es el color del vínculo cuando se hace clic en. /

4 Guardar la hoja de estilo. Abra la Página Web y un enlace a la hoja de estilo. Inserte el código siguiente entre las etiquetas HEAD, < head > y < / cabeza >.

< link rel = "stylesheet" type = "text/css" href="style.css" / >

Utilizar colores de enlace

5 Abra el navegador Web como Firefox. Asegúrese de que configurar el navegador para permitir páginas Web mostrar sus propios colores en lugar de sus propio navegador o sistema de colores. En Firefox, por ejemplo, ir a "Herramientas" "Opciones", "contenido" y luego "colores". Marque la casilla que dice "permitir páginas para elegir sus propios colores.

6 Vaya a la Página Web que desea ver. Busque un hipervínculo en la página.

7 Arrastre el ratón sobre un hipervínculo. Cuando los cambios del cursor y se cierne sobre el enlace, debe cambiar el color del enlace al color que se establece en la hoja de estilo. Si no puede ver un color cambiar, podría ser un error en el código o su navegador está configurado para omitir los colores de la Página Web.