[TOC] ## 頭像 avatar ### 頭像  ~~~ <ul class="ui-list ui-list-pure ui-border-tb"> <li class="ui-border-t"> <h4>100*100頭像</h4> <div class="ui-avatar"> <span style="background-image:url(http://placeholder.qiniudn.com/100x100)"></span> </div> </li> <li class="ui-border-t"> <h4>80*80頭像</h4> <div class="ui-avatar-s"> <span style="background-image:url(http://placeholder.qiniudn.com/80x80)"></span> </div> </li> <li class="ui-border-t"> <h4>140*140頭像</h4> <div class="ui-avatar-lg"> <span style="background-image:url(http://placeholder.qiniudn.com/140x140)"></span> </div> </li> <li class="ui-border-t"> <h4>資料場景</h4> <div class="ui-avatar-one"><span style="background-image:url(http://placeholder.qiniudn.com/140x140)"></span></div> </li> <li class="ui-border-t"> <h4>平鋪頭像</h4> <span class="ui-avatar-tiled"><span style="background-image:url(http://placeholder.qiniudn.com/60x60)"></span></span> <span class="ui-avatar-tiled"><span style="background-image:url(http://placeholder.qiniudn.com/60x60)"></span></span> <span class="ui-avatar-tiled"><span style="background-image:url(http://placeholder.qiniudn.com/60x60)"></span></span> <span class="ui-avatar-tiled"><span style="background-image:url(http://placeholder.qiniudn.com/60x60)"></span></span> </li> </ul> ~~~