rgui-css-standard/src/image/demo/index.md

Regular UI - Standard CSS Components

## 示例
### 基本形式

在Base中，已经将`<img>`标签默认设置为响应式的了。使用`.u-img`及其扩展类可以实现更多的图片样式。

<div class="m-example"></div>

```html
<img class="u-img" src="../img/placeholder-200x100.svg">
```

### 圆形

<div class="m-example"></div>

```html
<img class="u-img u-img-circle" src="../img/placeholder-200x100.svg">
```

### 边框

<div class="m-example"></div>

```html
<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">
```

### 尺寸扩展

<div class="m-example"></div>

```html
<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>
```