几款不错的按钮样式汇总

　　* 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;}

　　</style>

　　</head>

　　<body>

　　<p><a href="#" class="btn blue">This is a blue button</a></p>

　　<p><a href="#" class="btn green">This should be a green button</a></p>

　　<legend>Form Example</legend>

　　</fieldset>

　　</form>

　　</body>

　　</html>

【几款不错的按钮样式汇总】相关文章：

几款不错的按钮样式(3)