layui-简单辅助元素

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

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <link rel="stylesheet" type="text/css" href="build/css/layui.css"/>
        <!--<link rel="stylesheet" type="text/css" href="build/css/layui.mobile.css"/>-->
    </head>
    <body>
        <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>
        <p>你可以把它看作是一个有标题的横线</p>
        <br /><br />
        华丽的
        <hr>
        分割线
        <br />

        <i class="layui-icon" style="font-size: 30px; color: red;">&#xe60c;</i> 
        <script src="js/jquery-2.1.0.js"></script>
        <!--<script src="build/layui.js"></script>-->
    </body>
</html>

效果：