演示
调试预览
布局
栅格
框架
基本元素
按钮
表单
导航 / 面包屑
基础菜单
选项卡
进度条
面板
徽章
时间线
静态表格
动画
辅助元素
组件示例
弹出层
日期与时间选择
数据表格
分页
下拉菜单
文件上传
穿梭框
树形组件
颜色选择器
滑块
评分
轮播
模板引擎
流加载
工具模块
文本行修饰
预览
查看代码
帮助
引用区块 - 默认风格
这个貌似不用多介绍,因为你已经在太多的地方都看到
引用区块 - 一般风格
猿强,则国强。国强,则猿更强!
——孟子的崇拜者
字段集区块
爱好
你可以在这里放任何内容,比如表单神马的
带标题的横线
内容区域
分割线
默认分割线
赤色分割线
橙色分割线
墨绿分割线
青色分割线
蓝色分割线
黑色分割线
纯圆角
更多我们未能呈现的示例,还有待您在阅读文档、以及不断使用的过程,去深入挖掘。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Layui</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link rel="stylesheet" href="/layui/dist/css/layui.css" media="all"> <!-- 注意:如果你直接复制所有代码到本地,上述css路径需要改成你本地的 --> </head>
相关
辅助性元素文档