I want to create a rollover button like this [duplicate]

This question already has answers here: Closed 12 years ago.

Possible Duplicate:

How to make hover buttons ?

I want to create开发者_如何学JAVA a rollover buttons like this :

http://www.infolinks.com/login.html

"Login" button.So how do i do that ?

I have the 2 roll over buttons ready for use !

---

Here is a tutorial:

• http://www.elated.com/articles/css-rollover-buttons/

Google is your best friend ...

---

Add in your CSS a entry for your button-class:

.button{
     background-image: url(url/to/normal/button.jpg);
}

.button:hover{
     background-image: url(url/to/hovered/button.jpg);
}

<a class="button" ... >

---

DIY guide:

1. Use Firefox.
2. Install Firebug.
3. Right click on example button and inspect. See HTML part.
4. Move mouse over and out of button and observe changes in CSS.

Note: This can be done with other browsers too, but I like Firefox + Firebug.