Tecnología

Inicio

Cómo crear texto Rollover

efectos de texto de rollover hacen que el aspecto del texto con hipervínculos para cambiar cuando el cursor del ratón se mueve sobre ella, llamado el estado estacionario. Aunque no hay estado estacionario por defecto, puede utilizar CSS para incluir este estado y establecer los atributos.

Estilos de hipervínculo

Los hipervínculos tienen atributos predeterminados para el color de los nuevos y los enlaces visitados estados, y el uso por defecto de la página web o la fuente preestablecida. Usar CSS (hojas de estilo en cascada) para cambiar todos o algunos de estos atributos una vez, para anular los atributos automáticos a través de su página web.

rollover texto

Localizar la zona de CSS en el archivo HTML actual o abrir su archivo CSS independiente. Añadir en el a: link y a: visited clases de seudo primer lugar, para los estados predeterminados. Para cada estado, seleccione los atributos para cambiar, como familia de fuentes, tamaño de fuente, tipo de letra-peso, de decoración de texto, y el color. A continuación, añadir la pseudo clase a: hover para incluir el estado de rollover y establecer los atributos.

Cambios dramáticos

Utilice grandes cambios para ver cómo funciona. Agregue el siguiente código- a: hover {color: # 527A00; font-size: 24px; text-transform: mayúsculas; font-weight: bold; text-decoration: underline;}. Guarda los archivos modificados a continuación, renueve la página Web para ver lo que sucede. Ahora, cuando pase el cursor sobre el enlace de texto, verá los atributos anteriores rendimiento grande el texto verde que se desplaza alrededor de las líneas de la página de forma temporal. El texto debe estar en mayúsculas y en negrita con subrayado cuando se hace rodar sobre ella. Se vuelve a los estados visitados nuevos o normales cuando se aleja de ella.

consideraciones

Utilice los códigos de conseguir enlaces notado sin desorientar a sus lectores. Prueba a cambiar sólo el color e incluir el subrayado text-decoration sólo en el estado estacionario. Una gran cantidad de grandes cambios va a distraer del contenido de la página circundante, especialmente cuando se utiliza en los enlaces en línea.