?效果图：
?源码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!--引入layui的css样式表-->
<link rel="stylesheet" href="./layui/css/layui.css" media="all" />
</head>
<body>
<br><br><br>
<a href="http://www.layui.com" class="layui-btn">可跳转的按钮</a>
<button type="button" class="layui-btn layui-btn-primary">原始按钮</button>
<button type="button" class="layui-btn">标准按钮</button>
<button type="button" class="layui-btn layui-btn-normal">百搭按钮</button>
<button type="button" class="layui-btn layui-btn-warm">暖色按钮</button>
<button type="button" class="layui-btn layui-btn-danger">警告按钮</button>
<button type="button" class="layui-btn layui-btn-disabled">禁用按钮</button>
<br><br><br>
<button type="button" class="layui-btn layui-btn-primary layui-border-green">主色按钮</button>
<button type="button" class="layui-btn layui-btn-primary layui-border-blue">百搭按钮</button>
<button type="button" class="layui-btn layui-btn-primary layui-border-blue">暖色按钮</button>
<button type="button" class="layui-btn layui-btn-primary layui-border-blue">警告按钮</button>
<button type="button" class="layui-btn layui-btn-primary layui-border-black">深色按钮</button>
<br><br><br>
<button type="button" class="layui-btn layui-btn-lg">大型按钮</button>
<button type="button" class="layui-btn">默认按钮</button>
<button type="button" class="layui-btn layui-btn-sm">小型按钮</button>
<button type="button" class="layui-btn layui-btn-xs">迷你按钮</button>
<br><br><br>
<button type="button" class="layui-btn layui-btn-lg layui-btn-normal">大型百搭按钮</button>
<button type="button" class="layui-btn layui-btn-warm">正常暖色按钮</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-danger">小型警告按钮</button>
<button type="button" class="layui-btn layui-btn-xs layui-btn-disabled">迷你禁用按钮</button>
<br><br><br>
<button type="button" class="layui-btn layui-btn-fluid">流体按钮（最大化适应）</button>
<br><br><br>
<button type="button" class="layui-btn layui-btn-radius layui-btn-primary">原始按钮</button>
<button type="button" class="layui-btn layui-btn-radius">标准按钮</button>
<button type="button" class="layui-btn layui-btn-radius layui-btn-normal">百搭按钮</button>
<button type="button" class="layui-btn layui-btn-radius layui-btn-warm">暖色按钮</button>
<button type="button" class="layui-btn layui-btn-radius layui-btn-danger">警告按钮</button>
<button type="button" class="layui-btn layui-btn-radius layui-btn-disabled"">禁用按钮</button>
<br><br><br>
<button type="button" class="layui-btn layui-btn-lg layui-btn-radius layui-btn-normal">大型百搭按钮</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-danger">小型警告按钮</button>
<button type="button" class="layui-btn layui-btn-xs layui-btn-radius layui-btn-disabled">迷你禁用按钮</button>
<br><br><br>
<!--图标-->
<button type="button" class="layui-btn">
<i class="layui-icon layui-icon-down layui-font-12"></i> 按钮
</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary">
<i class="layui-icon layui-icon-right"></i>
</button>
<br><br><br>
<div class="layui-btn-group">
<button type="button" class="layui-btn">增加</button>
<button type="button" class="layui-btn">编辑</button>
<button type="button" class="layui-btn">删除</button>
</div>
<div class="layui-btn-group">
<button type="button" class="layui-btn layui-btn-sm">
<i class="layui-icon"></i>
</button>
<button type="button" class="layui-btn layui-btn-sm">
<i class="layui-icon"></i>
</button>
<button type="button" class="layui-btn layui-btn-sm">
<i class="layui-icon"></i>
</button>
<button type="button" class="layui-btn layui-btn-sm">
<i class="layui-icon"></i>
</button>
</div>
<div class="layui-btn-group">
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm">
<i class="layui-icon"></i>
</button>
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm">
<i class="layui-icon"></i>
</button>
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm">
<i class="layui-icon"></i>
</button>
</div>
<br><br><br>
<div class="layui-btn-container">
<button type="button" class="layui-btn">按钮一</button>
<button type="button" class="layui-btn">按钮二</button>
<button type="button" class="layui-btn">按钮三</button>
</div>
</body>
</html>