layui-简单辅助元素

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

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

效果：

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

layui-简单辅助元素 - 页面元素相关推荐

css定位页面元素,页面元素定位-CSS元素基本定位
基本定位 """属性定位一 """ # #通过id # driver.find_element_by_css_selector(" ...
LayUI_02 前端框架页面元素
目录一.栅格系统与后台布局示例code HTML 二.layui 颜色设计感三.字体图标四.CSS3动画类按钮 - 页面元素五.表单 - 页面元素 HTMLcode 行区块结构code 六 ...
24种页面元素与iDo网页设计工具箱
只要换成庖丁解牛的眼光来审视一个网站,就会发现网页是由视觉效果和显示内容构成的. 视觉效果包括网页的背景.区域的背景.各种装饰,而显示内容则包括各种类型的列表.文本内容.标题.图片.动画和幻灯片等,视 ...
Layui页面元素之选项卡、进度条、面板、表格、徽章、时间线、辅助元素
Layui页面元素之选项卡.进度条.面板.表格 .徽章.时间线.辅助元素效果 demo 选项卡.面板.时间线很重要效果 demo <!DOCTYPE html> <html> ...
layui初学（页面元素）
layui初学(页面元素) 文章目录 layui初学(页面元素) 导入layui文件图标使用使用字符字体使用样式按钮使用样式按钮主题按钮尺寸图标按钮圆角按钮按钮组按钮事件监听导 ...
layui - 页面元素
参考:https://www.layui.com/doc/base/element.html 内容包括:css (即已定义样式的class).HTML (即一些layui自定义的属性) 细分为:布局. ...
html 浮动窗口置顶,jQuery简单实现页面元素置顶时悬浮效果示例
本文实例讲述了jQuery简单实现页面元素置顶时悬浮效果的方法.分享给大家供大家参考,具体如下: 一.JS Code: $.fn.smartFloat = function () { var posi ...
rspec 测试页面元素_如何使用共享示例使您的RSpec测试干燥
rspec 测试页面元素 by Parth Modi 由Parth Modi 如何使用共享示例使您的RSpec测试干燥 (How to DRY out your RSpec Tests using S ...
使用页面元素属性做状态判断的隐患
在做DHTML开发的时候,依赖一些页面元素的得值来作为页面的状态的判断,初看似乎并没有什么问题.可是在后期的开发和维护中,却是一个随时可能产生莫名其妙bug的隐藏炸弹.如果不小心引爆,那就只有郁闷的份 ...

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

layui-简单辅助元素 - 页面元素相关推荐

最新文章

热门文章