运用比较纯的CSS打造很Web2.0的按钮
2009-12-12 17:54 by ·风信子·, 1103 visits, 网摘, 收藏, 编辑
摘要：警告：如果你在使用IE浏览此文，那么请回避一下吧! 什么，你用的还是IE6？你真奥特曼(推荐你去打小怪兽)！先上图，所谓有图有真相。 如果您觉得图片上这些按钮不够2.0，那没办法，请回避吧！从图片中，我们可以看到，我们要解决如下几个问题：背景色渐变 圆角框 阴影效果 就目前而言，要实现如上的效果，我们可以通过使用PNG图片来实现，但熟悉的人都知道，要做出这样的效果来，还是需要花费很多的经力的。更何况还要画出这么多种配色（感谢一下辛苦的前台工程师们）。接下来，就让我们看下使用CSS(主要是CSS3)怎么来做吧。一、背景色渐变我们首先来解决第一个问题，背景色渐变。CSS3是支持背景色渐变的。对于在 阅读全文