easyBtn.css

按钮 / button

元素 <a>、 <button>、 <input> 添加 .button、 .round、 .primary 类。

<a href="#" class="button">提交</a>

<a href="#" class="button round">这是一个带圆角的按钮</a>

这是一个带圆角的按钮

<a href="#" class="button primary">粗体字</a> 
<a href="#" class="button">普通字</a>

粗体字普通字

警告、删除、强调、重要按钮 / warning

如果你有一个按钮，触发一个危险的行动，比如删除数据、警告等，这可以通过调用 .danger 来警示。

<a href="#" class="button danger">删除数据将不可以恢复</a>

删除数据将不可以恢复

大按钮 / big button

添加 .big 让按钮变大。

<a href="#" class="button big">进入</a>

进入

组合按钮 / group button

通过 .button-group 来定义一个组合按钮， .sub-group 用来定义一个次级没有背景的组合按钮。

<div class="button-group">
    <a href="#" class="button primary">主页</a>
    <a href="#" class="button">音乐</a>
    <a href="#" class="button">电影</a>
    <a href="#" class="button">图片</a>
</div>

主页音乐电影图片

<ul class="button-group">
    <li><a href="#" class="button primary round">主页</a></li>
    <li><a href="#" class="button round">音乐</a></li>
    <li><a href="#" class="button round">电影</a></li>
    <li><a href="#" class="button round">图片</a></li>
</ul>

主页
音乐
电影
图片

<div class="button-group sub-group">…</div>

主页音乐电影图片

混合按钮 / mix button

当您要在一行同时展示块级、行内按钮时用 .button-mix 去定义她。

<div class="button-mix">
    <a href="#" class="button primary">新闻</a>
    
    <div class="button-group">
        <a href="#" class="button primary">CSS</a>
        <a href="#" class="button">PHP</a>
        <a href="#" class="button danger">Javascript</a>
    </div>
                        
    <div class="button-group sub-group">
        <a href="#" class="button">网易系</a>
        <a href="#" class="button">阿里系</a>
    </div>
</div>

新闻

CSS PHP Javascript

网易系阿里系

带图标的按钮 / ICON button

一系列的图标按钮(根据你的需求去定义文字属于你自己的按钮)：

<a href="#" class="button icon search">搜索</a>

搜索

Class	Example
`.arrowup`	顶部
`.arrowdown`	底部
`.arrowleft`	左端
`.arrowright`	右端
`.approve`	选择
`.add`	添加
`.remove`	删除
`.log`	日志
`.calendar`	添加到
`.chat`	开始聊天
`.clock`	时间日期
`.settings`	设置
`.comment`	添加容器
`.fork`	挑战
`.like`	喜欢
`.favorite`	收藏
`.home`	返回主页
`.key`	密码锁
`.lock`	锁定
`.unlock`	开锁
`.loop`	重新发送
`.search`	搜索
`.mail`	发送邮件
`.move`	移动
`.edit`	编辑
`.pin`	在地图上做记号
`.reload`	重新加载
`.rss`	订阅
`.tag`	添加标签
`.trash`	删除帖子
`.user`	添加用户

提交BUG

兼容 / Compatible

Firefox 3.5+, Google Chrome, Safari 4+, IE 8+, Opera 10+.

开源许可 / licence

easyBtn.css 基于 MIT License 开源，使用代码只需说明来源，或者引用 LICENSE.txt 即可免费使用。

感谢 / Thanks

Web UI by @bigbin，ICON form Iconic pack.

EasyBtn.css