几款纯css打造的超酷按钮实例

在web开发中，您是否还在使用Photoshop来设计按钮的样式呢？如果是，请先把Photoshop放下，来看看几款纯css打造的扫钮，或许正是你想要的。

随着CSS3技术的发展，你完全可以不需要借助任何图片和javascript脚本,而只需通过几行代码来定制一个漂亮的按钮，并且还可以呈现渐变、框阴影、文字阴影等效果。此类按钮最大的优势是省去了加载图片的步骤，并且非常易于编辑、扩展和定制，你只需要更改代码即可。

经测试，Chrome、Firefox、360和百度等浏览器（我的电脑就安装了这几款）可以完美支持，至于其它浏览器，欢迎网友提供答案。好了，先看效果图：

再来一个大的

下面是与之相应的代码：

        蓝色
        Rounded
        Medium
        Small
       
        Button Tag
    
   
    

        绿色
        Rounded
        Medium
        Small
       
        Button Tag
    
   
    

        灰白
        Rounded
        Medium
        Small
        Button Tag
    
   
    

        橘红
        Rounded
        Medium
        Small
        Button Tag