Changé color text pasage souris (pas un lien)

Résolu/Fermé
alex - 17 janv. 2009 à 14:35
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 - 17 janv. 2009 à 15:28
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

7 réponses

kadeh Messages postés 334 Date d'inscription vendredi 21 décembre 2007 Statut Membre Dernière intervention 15 novembre 2012 92
17 janv. 2009 à 14:43
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 vendredi 21 décembre 2007 Statut Membre Dernière intervention 15 novembre 2012 92
17 janv. 2009 à 14:50
juste j'ajoute
tu applique la classe style à ton texte
bonne journée
0
DarkRodWarrior Messages postés 1755 Date d'inscription vendredi 2 mars 2007 Statut Membre Dernière intervention 18 mai 2010 91
17 janv. 2009 à 14:56
A:hover {
COLOR: black; (Ta couleur)
TEXT-DECORATION: underline ; (Une déco)
}
0
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 48 Date d'inscription vendredi 14 mars 2008 Statut Membre Dernière intervention 21 janvier 2016
17 janv. 2009 à 15:04
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 vendredi 21 décembre 2007 Statut Membre Dernière intervention 15 novembre 2012 92
17 janv. 2009 à 15:10
Bonjour,
pour savoir la position du curseur sans besoin de boujer la souris!
bonne journée
0
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
17 janv. 2009 à 15:28
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