html 按键样式大全,几款不错的按钮样式汇总

几款不错的按钮样式汇总

* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #2ae; }

.btn.green { background: #9d4; }

.btn.pink { background: #e1a; }

.btn:hover { background-color: #a00; }

.btn:active { background-color: #444; }

.btn[class] {  background-image: url(shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }

* html .btn.blue { border-color: #2ae; }

* html .btn.green { border-color: #9d4; }

* html .btn.pink { border-color: #e1a; }

* html .btn:hover { border-color: #a00; }

p { clear: both; padding-bottom: 2em; }

form { margin-top: 2em; }

form p .btn { margin-right: 1em; }

textarea { margin: 1em 0;}

This is a blue button

This should be a green button

Big Text

Form Example