摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>功夫明星</title> <link rel="stylesheet" href="..
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>功夫明星</title>
<link rel="stylesheet" href="../layui/css/layui.css">
<script src='../layui/layui.js'></script>
<style>
.header span{background: #009688; color: #fff;padding: 10px;margin-left: 30px;line-height: 32px}
.header button{float: right;}
.header{border-bottom: 2px solid #009688;}
</style>
</head>
<body style="padding: 10px">
<div>
<span>功夫明星</span>
<button class="layui-btn layui-btn-sm">添加</button>
</div>
<div style="margin-bottom: 5px;">
</div>
<table>
<thead>
<tr>
<th>排名</th>
<th>姓名</th>
<th>代表作</th>
<th>评价</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>李小龙</td>
<td>《龙争虎斗》</td>
<td>归纳搏斗之父,功夫伟人!曾拜师叶问,最早引入西方搏击思维及招式的打星。</td>
</tr>
<tr>
<td>2</td>
<td>周比利</td>
<td>《精武英雄》</td>
<td>前自由搏击世界冠军,实战能力超强。</td>
</tr>
<tr>
<td>3</td>
<td>李连杰</td>
<td>《黄飞鸿系列》</td>
<td>连续5年全国武术冠军,擅长套路,表演性强,攻击能力较差。</td>
</tr>
<tr>
<td>4</td>
<td>成龙</td>
<td>《尖峰时刻》</td>
<td>京剧武生童子功,后入行电影,虽往往搏命上阵,但是实战能力较差。</td>
</tr>
<tr>
<td>5</td>
<td>洪金宝</td>
<td>《我的特工爷爷》</td>
<td>对咏春拳,截拳道,空手道等都有深入研究并加以创新,风格自成一体。</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
批改老师:韦小宝批改时间:2019-01-11 09:14:36
老师总结:写的很不错 layui表格还有很多种其他的样式 没事的时候可以去研究研究哦