Effet à la Sélection

Comment créer des effets à la sélection?
Comment changer la couleur ou le fond du lien quand le pointeur y passe?

Explication

Propriété :

Effets à la sélection
Effets du Texte:
Exemple:

Il est très facile de le faire. Suivez juste les étapes et vous pouvez le faire.
Etape 1 :
Sur la partie de la tête, joyez le style de l'apparence du texte, comme suit
<head>
<style>
/*C’est l’apparence du texte avec la sélection*/
.colc{
font-family: san-serif;
color: #9EFF36;
}
/*C’est l’apparence du texte avec la sélection. Remarquez que le changement le plus important ici est le "flotteur*/
.colc:hover
{
font-family: san-serif;
color: #456745;
}
</style>
</head>

Etape 2:
Configurez le style sur l’effet que vous voulez avoir avec la sélection
Exemple:
<a href="" class="colc"> Il s'agit de la souris sur du texte </a>

Remarque: Ici, on configure le style avec le marqueur « class ». Le nom du style crée sur la partie de la tête s’appel « colc ».
-----------------------------

Pour ajouter un effet de fond, ajoutez juste la propriété « couleur-de-fond » sur les marqueurs de style comme indiqué ci-dessus.
Exemple: Formulez le style comme suit
.colc2{
font-family: san-serif;
color: #9EFF36;
}
/*C’est l’apparence du texte avec la sélection. Remarquez que le changement le plus important ici est l’effet "floatteur"*/
.colc2:hover
{
background-color: #245250;
}

configurez ce style sur le marqueur html
<a href="" class="colc2"> C'est le Effect On Mouseover </a>

A Note

CSS - Feuilles de style en cascade peut être utilisé avec les balises HTML, comme expliqué dans ce site. Cette simple CSS vous permettra de créer beaucoup plus élégant et soigné html des pages web. Cela ne nécessite pas de logiciels ou d'autres codages. Tous les navigateurs web sont capables de transmettre des codes CSS.


Note 2: Si nécessaire, vous pouvez à l'aide de <span> au lieu de <div> marques. div balise de début et de fin sur les nouvelles lignes. span ne dépassera pas la balise domaine.

CSS Sujets