css3制作一个漂亮的按钮_html/css
来源：动视网
责编：小采
时间：2020-11-27 16:02:47
css3制作一个漂亮的按钮_html/css
css3制作一个漂亮的按钮_html/css_WEB-ITnose:特点： 1、圆角边框 border-radius 2、文字有背景 text-shadow 3、按钮有阴影 box-shadow 4、文字有向上的阴影 text-shadow 5、按钮背景色有个从上往下的渐变效果 linear-gradient 6、点击后明显有个下按效果 .btn{ background-
导读css3制作一个漂亮的按钮_html/css_WEB-ITnose:特点： 1、圆角边框 border-radius 2、文字有背景 text-shadow 3、按钮有阴影 box-shadow 4、文字有向上的阴影 text-shadow 5、按钮背景色有个从上往下的渐变效果 linear-gradient 6、点击后明显有个下按效果 .btn{ background-
特点：
1、圆角边框 border-radius
2、文字有背景 text-shadow
3、按钮有阴影 box-shadow
4、文字有向上的阴影 text-shadow
5、按钮背景色有个从上往下的渐变效果 linear-gradient
6、点击后明显有个下按效果
有渐变还用 background-color的原因是当浏览器不支持渐变属性的时候显示背景色，这个就没有立体感了：
当然懒货可以用 http://css3button.net/ 来生成css3按钮：
改变字体大小，按钮大小也随之改变
css3制作一个漂亮的按钮_html/css
css3制作一个漂亮的按钮_html/css_WEB-ITnose:特点： 1、圆角边框 border-radius 2、文字有背景 text-shadow 3、按钮有阴影 box-shadow 4、文字有向上的阴影 text-shadow 5、按钮背景色有个从上往下的渐变效果 linear-gradient 6、点击后明显有个下按效果 .btn{ background-
