AUI支持為`<a>`、`<button>`、`<input>`、`<div>`增加`.aui-btn`來使用按鈕效果。使用.aui-btn-*來選擇使用AUI提供的樣式
~~~
<button class="aui-btn aui-btn-primary">BUTTON</button>
<a class="aui-btn aui-btn-success">BUTTON</a>
<input class="aui-btn aui-btn-danger" value="BUTTON" >
<div class="aui-btn aui-btn-success">BUTTON</div>
~~~
自定義樣式的方法
~~~
<style>
.orange { background-color:#ff9900; border:1px solid #ff9900; color:#ffffff;}
</style>
<button class="aui-btn oranger"></button>
~~~
添加`.active`可以將按鈕樣式設置為按下狀態的樣式
`<button class="aui-btn aui-btn-primary active">BUTTON</button>`
* * * * *
### 塊級按鈕
`.aui-btn-block`為寬度100%自動適應的按鈕
`<button class="aui-btn-block aui-btn-primary">BUTTON</button>`