图片 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>