• 章节:20
  • 访问:632
  • 时长:00:01:36
  • 日期:2020-06-12 09:03

引用块、字段集区块、横线等等,这些元素都无需依赖任何模块

<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-bg-red"> 橙色分割线 <hr class="layui-bg-orange"> 墨绿分割线 <hr class="layui-bg-green"> 青色分割线 <hr class="layui-bg-cyan"> 蓝色分割线 <hr class="layui-bg-blue"> 黑色分割线 <hr class="layui-bg-black"> 灰色分割线 <hr class="layui-bg-gray">