#### 默認Tab選項
代碼示例：
```
<div class="win-tab" style="width: 390px;">
<ul class="win-tab-title">
<li class="win-this">形式</li>
<li>導航</li>
<li>紐扣</li>
<li>內容</li>
<li>移動</li>
<li>線框</li>
</ul>
<div class="win-tab-content">
<div class="win-tab-item win-show">內容1</div>
<div class="win-tab-item">內容2</div>
<div class="win-tab-item">內容3</div>
<div class="win-tab-item">內容4</div>
<div class="win-tab-item">內容5</div>
<div class="win-tab-item">內容6</div>
</div>
</div>
```
*****
#### 默認Tab選項帶圖標
代碼示例：
```
<div class="win-tab" style="width: 492px;">
<ul class="win-tab-title">
<li class="win-this"><i class="win-icon win-icon-home"></i>形式</li>
<li><i class="win-icon win-icon-nav"></i>導航</li>
<li><i class="win-icon win-icon-add-circle"></i>紐扣</li>
<li><i class="win-icon win-icon-file"></i>內容</li>
<li><i class="win-icon win-icon-safety"></i>移動</li>
<li><i class="win-icon win-icon-export"></i>線框</li>
</ul>
<div class="win-tab-content">
<div class="win-tab-item win-show">內容1</div>
<div class="win-tab-item">內容2</div>
<div class="win-tab-item">內容3</div>
<div class="win-tab-item">內容4</div>
<div class="win-tab-item">內容5</div>
<div class="win-tab-item">內容6</div>
</div>
</div>
```
*****
#### 帶圖標上下結構Tab
代碼示例：
```
<div class="win-tab win-tab-icon" style="width: 390px;">
<ul class="win-tab-title">
<li class="win-this"><i class="win-icon win-icon-home"></i>形式</li>
<li><i class="win-icon win-icon-nav"></i>導航</li>
<li><i class="win-icon win-icon-add-circle"></i>紐扣</li>
<li><i class="win-icon win-icon-file"></i>內容</li>
<li><i class="win-icon win-icon-safety"></i>移動</li>
<li><i class="win-icon win-icon-export"></i>線框</li>
</ul>
<div class="win-tab-content">
<div class="win-tab-item win-show">內容1</div>
<div class="win-tab-item">內容2</div>
<div class="win-tab-item">內容3</div>
<div class="win-tab-item">內容4</div>
<div class="win-tab-item">內容5</div>
<div class="win-tab-item">內容6</div>
</div>
</div>
```
*****
#### 線條箭頭Tab選項
代碼示例：
```
<div class="win-tab win-tab-line" style="width: 492px;">
<ul class="win-tab-title">
<li class="win-this"><i class="win-icon win-icon-home"></i>形式</li>
<li><i class="win-icon win-icon-nav"></i>導航</li>
<li><i class="win-icon win-icon-add-circle"></i>紐扣</li>
<li><i class="win-icon win-icon-file"></i>內容</li>
<li><i class="win-icon win-icon-safety"></i>移動</li>
<li><i class="win-icon win-icon-export"></i>線框</li>
</ul>
<div class="win-tab-content">
<div class="win-tab-item win-show">內容1</div>
<div class="win-tab-item">內容2</div>
<div class="win-tab-item">內容3</div>
<div class="win-tab-item">內容4</div>
<div class="win-tab-item">內容5</div>
<div class="win-tab-item">內容6</div>
</div>
</div>
```
*****
#### 塊狀Tab選項
代碼示例：
```
<div class="win-tab win-tab-block" style="width: 492px;">
<ul class="win-tab-title">
<li class="win-this"><i class="win-icon win-icon-home"></i>形式</li>
<li><i class="win-icon win-icon-nav"></i>導航</li>
<li><i class="win-icon win-icon-add-circle"></i>紐扣</li>
<li><i class="win-icon win-icon-file"></i>內容</li>
<li><i class="win-icon win-icon-safety"></i>移動</li>
<li><i class="win-icon win-icon-export"></i>線框</li>
</ul>
<div class="win-tab-content">
<div class="win-tab-item win-show">內容1</div>
<div class="win-tab-item">內容2</div>
<div class="win-tab-item">內容3</div>
<div class="win-tab-item">內容4</div>
<div class="win-tab-item">內容5</div>
<div class="win-tab-item">內容6</div>
</div>
</div>
```
*****
#### 可關閉Tab選項
代碼示例：
```
<div class="win-tab win-tab-close" style="width: 437px;">
<ul class="win-tab-title">
<li class="win-this">形式<i class="win-icon win-icon-close"></i></li>
<li>導航<i class="win-icon win-icon-close"></i></li>
<li>紐扣<i class="win-icon win-icon-close"></i></li>
<li>內容<i class="win-icon win-icon-close"></i></li>
<li>移動<i class="win-icon win-icon-close"></i></li>
<li>線框<i class="win-icon win-icon-close"></i></li>
</ul>
<div class="win-tab-content" style="background: #fff;">
<div class="win-tab-item win-show">內容1</div>
<div class="win-tab-item">內容2</div>
<div class="win-tab-item">內容3</div>
<div class="win-tab-item">內容4</div>
<div class="win-tab-item">內容5</div>
<div class="win-tab-item">內容6</div>
</div>
</div>
```
