在过去的Web开发中,通常使用Photoshop来设计按钮的样式。不过随着CSS3技术的发展,你完全可以通过几行代码来定制一个漂亮的按钮,并且还可以呈现渐变、框阴影、文字阴影等效果。此类按钮最大的优势是省去了加载图片的步骤,并且非常易于编辑、扩展和定制,你只需要更改代码即可。
本文收集了10套基于CSS3的按钮,你可以通过复制粘贴代码到你的CSS文件中来使用这些按钮。但需要注意的是,CSS3需要浏览器的支持,基本上这些按钮可以在大部分现代浏览器中完美呈现,但是在IE中支持还不够好。
1. 漂亮的CSS3按钮
![](http://dl.iteye.com/upload/attachment/0066/3253/23ff54e0-bf89-34f9-94a2-0fc9a2a0e9d3.jpg)
![](http://dl.iteye.com/upload/attachment/0066/3257/d50d3507-1ec3-3cbe-ad2c-d8a03bb2a380.jpg)
![](http://dl.iteye.com/upload/attachment/0066/3255/35dc5cfc-b795-3973-adeb-c42362b473e6.jpg)
![](http://dl.iteye.com/upload/attachment/0066/3259/0460f6fa-7108-368b-a3c3-bcc6a40a15b6.jpg)
![](http://dl.iteye.com/upload/attachment/0066/3261/578ca821-8f24-3197-a907-466e117ef177.jpg)
![](http://dl.iteye.com/upload/attachment/0066/3263/26836e8d-9933-354b-bd3d-b99eb6912e00.jpg)
![](http://dl.iteye.com/upload/attachment/0066/3265/afb6f93b-8e21-3d86-83e5-f610d2bb224e.jpg)
![](http://dl.iteye.com/upload/attachment/0066/3267/ddfdeab7-a3d5-393b-a1e1-6524b1e9f741.jpg)
![](http://dl.iteye.com/upload/attachment/0066/3269/d2c1f099-db60-3a9f-a435-f9c6baa0f5f4.jpg)
![](http://dl.iteye.com/upload/attachment/0066/3271/e8ffd817-9274-3c3b-a232-60f6f0949b40.jpg)
原文:http://www.iteye.com/news/24803
英文原文:10 GORGEOUS CSS3 BUTTONS, READY TO BE USED!