我想创建一个像这样的翻转按钮

Question

  

可能重复：
  How to make hover buttons ?

我想创建一个这样的翻转按钮：

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

“登录”按钮。那我该怎么做？

我准备好使用2个翻转按钮了！

Answer 1

这是一个教程：

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

Google是您最好的朋友......

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. 将鼠标移到按钮上并观察其中的变化。

注意：这也可以通过其他浏览器完成，但我喜欢Firefox + Firebug。