按钮 - 在线演示

开发工具

调试预览
布局

栅格

基本布局
基本元素

按钮

表单

导航/面包屑

选项卡

进度条

面板

徽章

时间线

静态表格

动画

辅助元素
组件示例

弹出层

日期与时间选择

数据表格

分页

文件上传

穿梭框

树形组件

颜色选择器

滑块

评分

轮播

模板引擎

流加载

工具模块

文本行修饰

预览
查看代码
帮助

按钮主题

按钮尺寸

灵活的图标按钮（更多图标请阅览：文档-图标）

还可以是圆角按钮

风格混搭的按钮

跳转的按钮

按钮组

按钮容器

<!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="../../res.layui.com/layui/dist/css/layui.html"  media="all">
  <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>

如果“查看代码”中的图标字符显示为：，那是正常的。具体在使用时，请参照【文档-图标字体】将其替换为对应的Unicode 字符。