1、引用区块
引用区块在使用频率不高，样子就类似于现在这个框框，一共有两种风格，一个是绿色一个是灰色。
使用非常简单，<blockquote></blockquote>标签上添加相应的class即可。
- 绿色：
class="layui-elem-quote "- 灰色：
class="layui-elem-quote layui-quote-nm"<blockquote class="layui-elem-quote ">这里头写啥都行！</blockquote> <br /> <blockquote class="layui-elem-quote layui-quote-nm">这个跟上面的颜色不一样，也写啥都行。</blockquote>效果图：
image.png
2、字段集区块
字段集区块也有两种风格，样式类似于带标题的面板。
- 默认风格：
class="layui-elem-field"- 横线风格：
class="layui-elem-field layui-field-title"，可以当带标题的分割线使用。<fieldset class="layui-elem-field"> <legend>默认风格，标题区</legend> <div class="layui-field-box"> 乐意写啥写啥 </div> </fieldset> <br /> <fieldset class="layui-elem-field layui-field-title"> <legend>横线风格，标题区</legend> <div class="layui-field-box"> 乐意写啥写啥 </div> </fieldset>效果图：
image.png
3、分割线
是默认的分割线（灰色），无需添加class，开头导入layui.css文件即可。- <hr class="layui-bg-color"> 添加主题色class即可更改颜色。
- 未引入layui.css文件时，分割线是带阴影的灰条条，比较丑。
默认分割线 <hr> 红色分割线 <hr class="layui-bg-red">效果图：
image.png
image.png
4、头像
图片这个元素在导航栏中有提及到，但是我感觉他在其他地方也可以当作用户头像使用，效果是将正常照片、图片显示成圆形的图片（并未裁剪）。
使用：对<img>标签添加class="layui-nav-img"即可。
<img src="图片路径" class="layui-nav-img">
<a href=""><img src="img/朦胧.jpg" class="layui-nav-img">小疏林er</a>
image.png
