在ZURB看到这些漂亮的按钮，忍不住转载过来，稍加翻译。
我们非常喜欢CSS3，虽然CSS3还没有正式发布，但已经会在一些项目中使用它。在近10年的努力，CSS3终于开始看到了胜利的曙光在Firefox和Safari等浏览器支持推动下。
我们最喜欢的事情之一就是CSS3支持RGBA的颜色模式，增加了ALPHA混合属性到你的CSS中。
它有助于简化我们的CSS编写，让我们变得非常容易的去制作按钮之类的效果，上图已经向您展示我们制作的一些成熟的、可扩展的按钮的例子。
这是一个简单的按钮用透明的PNG来覆盖（渐变的）, border, border-radius, box-shadow, and text-shadow.（边框，边框半径，盒阴影，和文字阴影）仅仅这么简单我们就可以做出这个很棒效果的按钮：
.awesome{ background: #222 url(/images/alert-overlay.png) repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; text-shadow: 0 -1px 1px #222; border-bottom: 1px solid #222; position: relative; cursor: pointer; } |
详细原文：http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba