Comment faire vos liens Changer la couleur lorsque la souris passe au-dessus (à l'aide CSS) ()
L'utilisation de CSS pour souligner les liens sur MouseOver
Si vous utilisez un éditeur web WYSIWYG, vous devriez plutôt vérifier mes tutoriels sur Expression Web. BlueGriffon. Dreamweaver ou Nvu (selon le éditeur que vous utilisez).
Feuilles de style en cascade (CSS) Code de mettre en évidence Liens sur MouseOver
Le style par défaut dans la plupart des navigateurs pour un lien peut être décrit comme suit:
Pour le style le lien lorsque la souris est en vol stationnaire au-dessus, il suffit d'ajouter des règles pour un: hover. Prenez ce qui suit par exemple.
a: hover color: black;
background-color: #def;
>
Pour ceux qui ne connaissent pas les valeurs des couleurs RVB, ils sont essentiellement un ensemble de trois couleurs, rouge, vert et bleu, qui, lorsqu'ils sont mis ensemble définissent la couleur finale que vous voulez. Étant donné que les navigateurs ne reconnaissent qu'une très faible partie des noms de couleurs, si vous voulez une couleur plus ésotérique que le run-of-the-mill « bleu », « noir », « blanc » et autres, il est préférable de les spécifier à l'aide d'un valeur RGB. Vous ne devez pas mémoriser les valeurs que, puisque les éditeurs les plus programmeur ont un sélecteur de couleurs qui va générer la valeur correcte pour vous.
Comment faire pour créer l'effet Hover Seulement pour certains liens
Si vous ne souhaitez que certains liens pour présenter l'effet de mise en évidence mouseover, vous pouvez le faire en appliquant ces effets à certaines classes.
a.specialeffects: vol stationnaire couleur noire;
background-color: # ff0;
>
Le code ci-dessus entraînera des liens de la classe « specialeffects » d'avoir du texte noir sur un fond jaune lorsque la souris est dessus. Pour l'utiliser comme faire vos liens suivants:
Cela est, donner des liens que vous voulez que l'effet de la mise en évidence de classe « specialeffects ».
Vous pouvez de nom bien sûr votre classe tout ce que vous voulez, et pas seulement « specialeffects ». Quel que soit le nom que vous choisissez, assurez-vous que le nom que vous utilisez dans votre lien HTML qui correspond à vos règles CSS.
Comment faire pour supprimer les liens de Souligné
Si vous ne voulez pas que vos liens à souligner, ajouter ce qui suit à vos règles:
Par exemple, si vous ne voulez pas l'un de vos liens à souligner, votre code pourrait ressembler à ce qui suit:
Conclusion
Il apparaîtra sur votre page: