layui-简单辅助元素 - 页面元素

最新推荐文章于 2023-10-11 20:35:07 发布

weixin_33811961

最新推荐文章于 2023-10-11 20:35:07 发布

阅读量189

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xiangru0921/p/6729253.html

版权

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

<!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>

效果：

转载于:https://www.cnblogs.com/xiangru0921/p/6729253.html

weixin_33811961

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
layui-简单辅助元素 - 页面元素

本篇主要集中罗列页面中的一些简单辅助元素，如：引用块、字段集区块、横线等等，这些元素都无需依赖任何模块<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <li...
复制链接

扫一扫