-
HTML: Cómo Roll Over texto para cambiar el color de Enlace
-
Ninguna página web es completa sin hipervínculos. Con HTML y CSS, puede establecer los colores para cada tipo de vínculo de una página: visited, no visitado, coloca el cursor y activa. El color es el color de la libración un enlace asume cuando el cursor del ratón se coloca sobre ella. Hover colores no son sólo decorativos. Debido a que el enlace cambia de color cuando se pasa sobre ella, que ayuda al lector a la página y seguir los enlaces que le gustan rápidamente.Instrucciones
Craete colores de los enlaces
1 Abra un editor de texto. Puede utilizar un editor básico como Bloc de notas. Guarde el archivo como "style.css" en su computadora en la misma carpeta que los archivos del sitio web.
2 Hacer declaraciones CSS para los colores de hipervínculo utilizando el "ancla" pseudo-clases de la siguiente manera. Utilizar cualquiera de los nombres de color (como se muestra a continuación), los valores hexadecimales o valores RGB. Tenga en cuenta que el orden de las declaraciones se requiere para hacer que funcionen.
a: link {color: red;}
a: visited {color: blue;}
a: hover {color: green;}
a: active {color: blanco;}
3 Añadir comentarios si le ayuda a recordar qué pseudo-clase corresponde a qué tipo de hipervínculo en la página Web.
a: link {color: red;} /
Este es el hipervínculo normal /.
a: visited {color: blue;} / Se trata de un hipervínculo visitado /.
a: hover {color: green;} / esto es cambiar el color de un enlace cuando se despliegue el puntero del ratón sobre él /
a: active {color: blanco;}. / Este es el color del vínculo cuando se hace clic /
4 Guarde la hoja de estilo. Abra la página Web y vincularlo a la hoja de estilo. Inserte el siguiente código entre las etiquetas HEAD, <head> y </ head>.
<Link rel = "stylesheet" type = "text / css" href = "style.css" />Utilice colores de los enlaces
5 Lanzar un navegador web como Firefox. Asegúrese de configurar el navegador para permitir que las páginas Web para mostrar sus propios colores en lugar de su propio navegador o sistema de colores. En Firefox, por ejemplo, ir a "Herramientas", "Opciones", "contenido" y luego "Colores". Marque la casilla que dice "Permitir a las páginas elegir sus propios colores."
6 Vaya a la página Web que desea ver. Busque un hipervínculo de la página.
7 Arrastre el puntero del ratón sobre un hipervínculo. Cuando el cursor cambie y se cierne sobre el enlace, el color del enlace debe cambiar al color se establece en la hoja de estilo. Si usted no ve un cambio de color, podría haber un error en el código o su navegador está configurado para ignorar colores de la página web.
