按照layui给的样式复制粘贴就好了 ，注意布局
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type='text/css' href='css/layui.css'>
<script type="text/javascript" src='js/layui.js'></script>
</head>
<body>
<div style="padding:10px;border-bottom:2px solid blue;line-height:30px">
<span>明星统计表</span>
<button class="layui-btn layui-btn-primary layui-btn-sm" style="float:right;">添加</button>
</div>
<table class="layui-table" >
<thead>
<tr>
<th >姓名</th>
<th >民族</th>
<th >性别</th>
<th >出生</th>
<th >籍贯</th>
<th >城市</th>
</tr>
</thead>
<tbody>
<tr>
<td>刘德华</td>
<td>汉族</td>
<td>男</td>
<td>2018</td>
<td>福建</td>
<td>福州</td>
<td>
<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</td>
</tr>
<tr>
<td>刘德华</td>
<td>汉族</td>
<td>男</td>
<td>2018</td>
<td>福建</td>
<td>福州</td>
<td>
<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</td>
</tr>
<tr>
<td>刘德华</td>
<td>汉族</td>
<td>男</td>
<td>2018</td>
<td>福建</td>
<td>福州</td>
<td>
<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</td>
</tr>
<tr>
</tbody>
</table>
</body>
</html>