一套开源的 Web UI 组件库。采用自身极简的模块化规范,并遵循原生 HTML/CSS/JS 的开发模式,极易上手,开箱即用。非常适合网页界面的快速构建。
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

1.6 KiB

title toc
辅助元素 blockquote,fieldset,hr true

辅助元素

辅助元素是指对 blockquote,fieldset,hr 等标签的美化,主要是静态展示作用。

引用

  <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>
 
<hr class="ws-space-16">
 
<fieldset class="layui-elem-field layui-field-title">
  <legend>仅显示标题水平线</legend>
</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">