css3制作一个漂亮的按钮_html/css_WEB-ITnose

特点：

1、圆角边框 border-radius

2、文字有背景 text-shadow

3、按钮有阴影 box-shadow

4、文字有向上的阴影 text-shadow

5、按钮背景色有个从上往下的渐变效果 linear-gradient

6、点击后明显有个下按效果

  
aaa
  

有渐变还用 background-color的原因是当浏览器不支持渐变属性的时候显示背景色，这个就没有立体感了：

当然懒货可以用 http://css3button.net/ 来生成css3按钮：

改变字体大小，按钮大小也随之改变