Changé color text pasage souris (pas un lien)

Résolu
alex -  
RAD ZONE Messages postés 5230 Date d'inscription   Statut Contributeur Dernière intervention   -
Bonjour,


Comment puis-je faire pour changer la couleur d'un texte qui n'est pas un lien au passage de la souris en CSS svp ?

Merci d'avance
A voir également:

7 réponses

kadeh Messages postés 334 Date d'inscription   Statut Membre Dernière intervention   92
 
Bonjour,
un exemple
/*////////////style//////////////*/
.style:link {
	color: #3366FF;
	}
.style:hover {
	text-decoration: none; color: #FF0000;
}

/*////////////style//////////////*/


@+
0
kadeh Messages postés 334 Date d'inscription   Statut Membre Dernière intervention   92
 
juste j'ajoute
tu applique la classe style à ton texte
bonne journée
0
DarkRodWarrior Messages postés 1755 Date d'inscription   Statut Membre Dernière intervention   91
 
A:hover {
COLOR: black; (Ta couleur)
TEXT-DECORATION: underline ; (Une déco)
}
0
alex
 
O c'etait tout bête

merci !
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
remybelleau Messages postés 52 Date d'inscription   Statut Membre Dernière intervention  
 
Bonjour,

pourquoi un style de ce type :
p { color:red; }
p:hover { color:yellow; }

Rémy
0
kadeh Messages postés 334 Date d'inscription   Statut Membre Dernière intervention   92
 
Bonjour,
pour savoir la position du curseur sans besoin de boujer la souris!
bonne journée
0
RAD ZONE Messages postés 5230 Date d'inscription   Statut Contributeur Dernière intervention   1 360
 
petit +

tu peux multiplier les possiblites en donnant des "class" a tes <p> !

exemple
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">     
  <head>             
    <title>RAD ZONE Webcreation          
    </title>      
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />       
    <meta name="author" content="http://radservebeer.free.fr" />         
    <meta name="generator" content="PSPad editor, www.pspad.com" />            
    <style type="text/css">        
body {
	background-color: #464646;
}
p.couleur {
	color: red;
}
p.couleur:hover {
	color: yellow;
}
p.couleur2 {
	color: #271bff
}
p.couleur2:hover {
	color: #ff90f7
}
p.couleur3 {
	color: #79ff7e
}
p.couleur3:hover {
	color: #fbf8ff
}
p.couleur4 {
	color: #ffff34
}
p.couleur4:hover {
	color: #44ecff
}
    </style>
  </head>  
  <body>         
    <p class="couleur">
    Lorem ipsum dolor sit amet consectetuer consectetuer nibh tincidunt leo wisi. Nunc congue Sed lacus tristique eu Phasellus Proin augue urna lorem. At tellus ligula adipiscing quis In nibh Nulla congue ut neque. Fringilla eros suscipit a purus tortor interdum consequat et justo auctor. Eros id orci porta In Vestibulum porttitor a libero sollicitudin congue. Est penatibus pede cursus Ut a et tortor adipiscing ligula Curabitur. Vel.
    </p>
    <p class="couleur2">
    urabitur lobortis eget Quisque pellentesque scelerisque Nam Vestibulum et orci lorem. Vel est nisl et Phasellus tincidunt eget enim ligula quis pretium. Volutpat orci rhoncus mauris urna lacinia quis adipiscing nunc non molestie. Nulla Aenean sapien risus pellentesque congue fermentum id elit montes ultrices. Ut Curabitur netus et ac pulvinar odio leo interdum lacus in. Semper.
    </p>
    <p class="couleur3">
    Eros risus Morbi Suspendisse neque at montes tellus porttitor wisi Pellentesque. Semper mauris tellus Suspendisse Sed metus et nibh elit lorem molestie. Elit pretium natoque et turpis magna nunc tempor sollicitudin id lacus. Ante velit tristique tempus pretium consequat et nec et dolor at. A et metus et quis neque mollis justo Vestibulum a dolor. Sapien pellentesque dapibus risus dis et amet nibh.
    </p>
    <p class="couleur4">
    Et nec In Duis quis ac ac tincidunt fringilla et facilisis. Aliquet ligula lobortis accumsan Curabitur vitae enim Nam tempus laoreet urna. Vitae magna auctor id sodales feugiat dui Nulla Morbi Vestibulum consectetuer. Elit metus amet orci metus ac habitant Sed vitae Duis laoreet. Nunc magna vel ut tempus Curabitur justo et porta hac pharetra. Aenean natoque.
    </p>
  </body>
</html>
0