按照layui给的样式复制粘贴就好了 ,注意布局

Original 2018-12-04 12:11:39 287
abstract:<!DOCTYPE html><html><head> <title></title> <link rel="stylesheet" type='text/css' href='css/layui.css'> <script type="text/javasc

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


Correcting teacher:韦小宝Correction time:2018-12-04 14:31:40
Teacher's summary:恩!写的很不错哦!课后记得要多多练习!这样才能更熟练!

Release Notes

Popular Entries