在一次聊天中讨论到如何利用CSS来制作一个按钮，不但能自适应宽高，并且还要在不实用图片的情况下，让按钮有类似“外描边”、“内描边”和圆角的效果，并且兼容IE6、IE7。所以今天特地花了点时间来做这个。
当完成以后，发现单纯的按钮有点单调，就想加点ICON来美化一下。可既然按钮都是用CSS来完成，那ICON还用图片来显示，是否有些背道而驰，所以仍然利用CSS属性来给按钮增添我们所需的图标。此时在保证“低配用户”能正常显示的情况下，也加入一些CSS3属性，起到渐进增强的目的，让“高级用户”能够得到更好的呈现效果。
这样做的好处在于按钮和图标颜色都能通过CSS来调整，维护起来比较方便。还有就是CSS的渲染速度比较快，同时还减少了HTTP请求量。
不过，并不是说用CSS必定比图片好，关键还是要根据实际环境和需求，合理使用才是关键。
本例兼容：IE6-10、Chrome、Safari、Opera。 [ 查看全文... ]