CSS de la balise <hr />

Bonjour,
Je voudrais savoir comment changer la couleur et la taille de la ligne dans le CSS de la balise xHTML <hr />

Ce qui ne marche pas :

Code:

---

1 2 3 4 5 6 7 8 9

hr /{ color: Purple; height: 3px; }   .hr{ color: Purple; height: 3px; }

---

Si quelqun sait... quil n'hésite pas... :)

Code:

---

1 2 3 4

hr { background-color: #800080; height: 3px; }

---

merci

Citation:

---

Envoyé par bdaboah

merci

---

Bonjour,
Ci-cela peut vous aider

hr {
margin: 0 auto;
width: 500px;
height: 5px;
border: 0px;
background-color: black;
}
hr:hover {
margin: 0 auto;
width: 700px;
height: 15px;
border: 0px;
background-color: red;
}