图片 Image
示例
基本形式
在Base中,已经将<img>
标签默认设置为响应式的了。使用.u-img
及其扩展类可以实现更多的图片样式。
<img class="u-img" src="../img/placeholder-200x100.svg">
圆形
<img class="u-img u-img-circle" src="../img/placeholder-200x100.svg">
边框
<img class="u-img u-img-border" src="../img/placeholder-200x100.svg">
<img class="u-img u-img-circle u-img-border" src="../img/placeholder-200x100.svg">
尺寸扩展
<p><img class="u-img u-img-xs" src="../img/placeholder-200x100.svg"></p>
<p><img class="u-img u-img-sm" src="../img/placeholder-200x100.svg"></p>
<p><img class="u-img u-img-lg" src="../img/placeholder-200x100.svg"></p>
<p><img class="u-img u-img-xl" src="../img/placeholder-200x100.svg"></p>