本篇主要集中罗列页面中的一些简单辅助元素，如：引用块、字段集区块、横线等等，这些元素都无需依赖任何模块
<!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;"></i> <script src="js/jquery-2.1.0.js"></script> <!--<script src="build/layui.js"></script>--> </body> </html>
效果：
