Lorsque nous parcourons de nombreux sites Web, nous verrons que sur certains sites Web, lorsque votre souris passe sur le texte dans la barre de navigation, vous aurez l'impression que les mots bougent, ou que la couleur de la police change, ou
qu'il y a un surlignement. .Regardez-moi Vous comprenez l'effet de la barre de navigation sur mon blog Aujourd'hui, San Shao va vous expliquer comment y parvenir.
En fait, c'est très simple, il est en fait implémenté en utilisant CSS, veuillez suivre mes étapes, Let' Go !
1. Entrez la gestion de votre portail personnel, sélectionnez les paramètres du portail personnel, puis sélectionnez la sélection du modèle, sélectionnez le CSS personnalisé pour entrer.
2. Avez-vous vu du code CSS ? Veuillez trouver le code suivant :
body{
margin-top: 0px;
marge droite : auto ;
marge inférieure : 0px ;
marge gauche : auto ;
largeur : 956 px ;
couleur d'arrière-plan : #336666 ;
taille de police : 12 px ;
couleur : #666666 ;
}#navi_bar a:lien {
/*Couleur du texte de la barre de navigation*/
}#navi_bar a:visited {}
D'accord, voici les étapes clés :
ajoutez le code suivant après ceci :
#navi_bar a:hover{color:#000000; font-weight:bold;text-decoration:blink;background:#FF0000;font-size:18px}
#navi_bar a{display:block}
Description du code : 1. La couleur représente la couleur du mot lorsque la souris est déplacée, et la décoration du texte représente l'effet de modification du texte. Les attributs qui peuvent être sélectionnés sont (aucun signifie que le
lien hypertexte
n'a pas de soulignement, le soulignement a un. souligner et surligner ajoute un lien hypertexte au texte.Surligner, passer au trait pour ajouter une ligne au texte avec lien hypertexte et clignoter pour faire
clignoter
le texte ). L'arrière-plan indique la couleur lorsque la souris l'atteint.font-size représente la taille de la police Si vous souhaitez rendre la barre de navigation dynamique, la taille de la police ici est
plus grande que la police dans navi_bar a:link. La taille de la police dans la définition CSS est de 14 pixels, nous devons donc choisir. une police supérieure à 14px.
2.navi_bar a{display:block} signifie que la couleur remplit tout le tableau, sinon seul le texte peut être rempli.