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