将鼠标悬停和点击事件中心并添加到CSS3按钮

Question

我刚刚通过http://css3button.net/36045开发了一个CSS3按钮，我想知道如何添加悬停和点击状态更改（即定义正确的颜色）配色方案）。我不太了解颜色代码，并希望得到任何帮助。

另外，在CSS中居中按钮的最佳方法是什么？

http://jsfiddle.net/methuselah/snmSq/

Answer 1

#element:hover { color: #fff; }
#element:active { color: #000; }

Answer 2

您是否尝试过添加：hover to class？例如：

 button.signup:hover {background:red;}

要居中，我会将按钮包裹在div中然后居中。

Answer 3

对于水平居中使用margin-left：auto; margin-right：auto，for vertical：margin-top：auto; margin-bottom：自动或简单浮动：所有这些都是中心但要小心，因为浮动总是会产生问题