- 引用区块
- 字段集区块
- 横线/分割线

-

# 简单辅助元素 - 页面元素

> 本篇主要集中罗列页面中的一些简单辅助元素，如：引用块、字段集区块、横线等等，这些元素都无需依赖任何模块

引用区块

> 引用区域的文字

> 引用区域的文字

目前内置了上述两种风格

    <blockquote class="layui-elem-quote">引用区域的文字</blockquote>
    <blockquote class="layui-elem-quote layui-quote-nm">引用区域的文字</blockquote>

字段集区块
字段集区块 - 默认风格
内容区域。

同样内置了两种风格，另一种风格即该文档的标题横线：字段集一行

    <fieldset class="layui-elem-field">
      <legend>字段集区块 - 默认风格</legend>
      <div class="layui-field-box">
        内容区域
      </div>
    </fieldset>

    <fieldset class="layui-elem-field layui-field-title">
      <legend>字段集区块 - 横线风格</legend>
      <div class="layui-field-box">
        内容区域
      </div>
    </fieldset>
    你可以把它看作是一个有标题的横线

横线
默认分割线

赤色分割线

橙色分割线

墨绿分割线

青色分割线

蓝色分割线

黑色分割线

    默认分割线
    <hr>

    赤色分割线
    <hr class="layui-border-red">

    橙色分割线
    <hr class="layui-border-orange">

    墨绿分割线
    <hr class="layui-border-green">

    青色分割线
    <hr class="layui-border-cyan">

    蓝色分割线
    <hr class="layui-border-blue">

    黑色分割线
    <hr class="layui-border-black">

layui - 在每一个细节中，用心与你沟通