## 角标 tag
### 角标
![](https://box.kancloud.cn/61c2cbce896ef696cc373294f744ad14_415x584.png)
![](https://box.kancloud.cn/46653127726d2dc8053b50cf339218e1_404x358.png)
~~~
<ul class="ui-grid-halve">
<li>
<div class="ui-grid-halve-img ui-tag-svip">
<span style="background-image:url(http://placeholder.qiniudn.com/290x160)"></span>
</div>
</li>
<li>
<div class="ui-grid-halve-img ui-tag-vip">
<span style="background-image:url(http://placeholder.qiniudn.com/290x160)"></span>
</div>
</li>
<li>
<div class="ui-grid-halve-img ui-tag-free">
<span style="background-image:url(http://placeholder.qiniudn.com/290x160)"></span>
</div>
</li>
<li>
<div class="ui-grid-halve-img ui-tag-freelimit">
<span style="background-image:url(http://placeholder.qiniudn.com/290x160)"></span>
</div>
</li>
<li>
<div class="ui-grid-halve-img ui-tag-last">
<span style="background-image:url(http://placeholder.qiniudn.com/290x160)"></span>
</div>
</li>
<li>
<div class="ui-grid-halve-img ui-tag-limit">
<span style="background-image:url(http://placeholder.qiniudn.com/290x160)"></span>
</div>
</li>
<li>
<div class="ui-grid-halve-img ui-tag-act">
<span style="background-image:url(http://placeholder.qiniudn.com/290x160)"></span>
</div>
</li>
<li>
<div class="ui-grid-halve-img ui-tag-xy">
<span style="background-image:url(http://placeholder.qiniudn.com/290x160)"></span>
</div>
</li>
<li>
<div class="ui-grid-halve-img">
<span style="background-image:url(http://placeholder.qiniudn.com/290x160)" class="ui-tag-hot"></span>
</div>
</li>
<li>
<div class="ui-grid-halve-img">
<span style="background-image:url(http://placeholder.qiniudn.com/290x160)" class="ui-tag-new"></span>
</div>
</li>
<li>
<div class="ui-grid-halve-img">
<span style="background-image:url(http://placeholder.qiniudn.com/290x160)" class="ui-tag-s-hot"></span>
</div>
</li>
<li>
<div class="ui-grid-halve-img">
<span style="background-image:url(http://placeholder.qiniudn.com/290x160)" class="ui-tag-s-new"></span>
</div>
</li>
<li>
<div class="ui-grid-halve-img">
<span style="background-image:url(http://placeholder.qiniudn.com/290x160)" class="ui-tag-pop-hot"></span>
</div>
</li>
<li>
<div class="ui-grid-halve-img">
<span style="background-image:url(http://placeholder.qiniudn.com/290x160)" class="ui-tag-pop-new"></span>
</div>
</li>
<li>
<div class="ui-grid-halve-img ui-tag-selected">
<span style="background-image:url(http://placeholder.qiniudn.com/290x160)" class="ui-tag-new"></span>
</div>
</li>
<li>
<div class="ui-grid-halve-img ui-tag-selected ui-tag-vip">
<span style="background-image:url(http://placeholder.qiniudn.com/290x160)"></span>
</div>
</li>
</ul>
<p class="ui-tag-wrap">自定义主题<i class="ui-tag-vip"></i></p>
~~~