引用区域的文字

引用区域的文字

目前内置了上述两种风格

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

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

HTML结构code
<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>
你可以把它看作是一个有标题的横线
      

默认分割线

---

赤色分割线

---

橙色分割线

---

墨绿分割线

---

青色分割线

---

蓝色分割线

---

黑色分割线

---

HTML结构code
默认分割线
<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 - 在每一个细节中，用心与你沟通