CSS写好看的按钮：几行代码搞定，不用框架

很多新手写网页，按钮和链接的样式特别丑，今天说一下按钮的基础CSS写法，不用框架也能做好看的按钮。

基础样式

按钮用padding控制内边距，padding: 10px 20px，圆角5px，去掉边框，背景用主色，文字白色，文字居中，没有下划线，鼠标放上去的时候，背景色变深一点，就好看了。

别用浏览器默认按钮

浏览器默认的按钮样式丑，不同浏览器长得还不一样，自己写个class统一样式，所有按钮用同一个class，整站风格统一。

点击效果

鼠标点下去的时候，按钮稍微往下移一点，有种按下去的感觉，用户知道这个按钮能点，小细节，体验好很多。

不用写复杂的动画，简单干净的按钮，比花里胡哨的好看。