---
title: 按钮
category: widget
---
<h3>按钮尺寸</h3>
{{#snippet}}
<span class="micro-btn"><a href="#" title="登录" class="stress-btn">小按钮</a></span>
<span class="medi-btn"><a href="#" title="登录" class="stress-btn">中型按钮</a></span>
<span class="big-btn"><a href="#" title="登录" class="stress-btn">大按钮</a></span>
<span class="huge-btn"><a href="#" title="登录" class="stress-btn">超大按钮</a></span>

{{/snippet}}

<h3>按钮颜色</h3>
{{#snippet}}
<span class="medi-btn"><a href="#" title="登录" class="stress-btn">登录</a></span>
<span class="medi-btn"><a href="#" title="登录" class="extrude-btn">登录</a></span>
<span class="medi-btn"><a href="#" title="登录" class="ordinary-btn">登录</a></span>
{{/snippet}}


<h3>禁用按钮</h3>
{{#snippet}}
<span class="medi-btn press-disb"><a href="#" title="登录" class="stress-btn">登录</a></span>
<span class="medi-btn press-disb"><a href="#" title="登录" class="extrude-btn">登录</a></span>
<span class="medi-btn press-disb"><a href="#" title="登录" class="ordinary-btn">登录</a></span>
{{/snippet}}