我想這樣

Question

可能重複創建翻轉按鈕：
How to make hover buttons ?

我想創建這樣一個過渡按鈕：

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

「登錄「按鈕。那麼我該怎麼做？

我有2翻轉按鈕，就可以使用！

Answer 1

這裏是一個教程：

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

谷歌是你最好的朋友......

Answer 2

添加在你的CSS一個條目的按鈕類：

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

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

<a class="button" ... > 

Answer 3

DIY指南：

1. 使用Firefox。
2. 安裝Firebug的。
3. 右擊例如按鈕和檢查。查看HTML部分。
4. 當鼠標滑過進出按鈕並觀察CSS的變化。

注意：這也可以用其他瀏覽器完成，但我喜歡Firefox + Firebug。