Cuando navegamos por muchos sitios web, veremos que en algunos sitios web, cuando el mouse se mueve sobre el texto en la barra de navegación, sentirá que las palabras se mueven, o el color de la fuente cambiará, o
habrá una línea superpuesta. Mírame. Entiendes el efecto de la barra de navegación en mi blog. Hoy, San Shao te dirá cómo lograrlo.
De hecho, esto es muy simple, en realidad se implementa usando CSS, siga mis pasos, ¡Vamos!
1. Ingrese a la administración de su portal personal, seleccione la configuración del portal personal, luego seleccione la selección de plantilla, seleccione CSS personalizado para ingresar.
2. ¿Has visto algún código CSS? Busque el siguiente código:
body{
margin-top: 0px;
margen derecho: automático;
margen inferior: 0px;
margen izquierdo: automático;
ancho: 956px;
color de fondo: #336666;
tamaño de fuente: 12px;
color: #666666;
}#navi_bar a:enlace {
/*Color del texto de la barra de navegación*/
}#navi_bar a:visited {}
Bien, los siguientes son los pasos clave:
agrega el siguiente código después de esto:
#navi_bar a:hover{color:#000000; font-weight:bold;text-decoration:blink;background:#FF0000;font-size:18px}
#navi_bar a{display:block}
Descripción del código: Primero, el color representa el color de la palabra cuando se mueve el mouse y la decoración del texto representa el efecto de modificación del texto. Los atributos que se pueden seleccionar son (ninguno significa que el
hipervínculo
no tiene subrayado, el subrayado tiene un subrayado. subrayar y sobrelinear agrega un hipervínculo al texto.Sobrelínea, cambie a línea directa para agregar una línea al texto con hipervínculo y parpadee para que el texto
parpadee
. El fondo indica el color cuando el mouse lo alcanza.font-size representa el tamaño de la fuente. Si desea que la barra de navegación sea dinámica, el tamaño de fuente aquí es
mayor que la fuente en navi_bar a:link. El tamaño de fuente en la definición CSS es 14px, por lo que debemos elegir. una fuente mayor a 14px.
2.navi_bar a{display:block} significa que el color llena toda la tabla; de lo contrario, solo se puede completar texto.