第1关:团购悬浮框页面的结构设计
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>电商团购悬浮框</title>
</head>
<body>
<!-- ********* Begin ********* -->
<ul>
<li> 7月30日0:00开团</li>
<li class="item">新品团</li>
<li class="item">尝鲜团</li>
<li class="item"> 秒杀团</li>
<li class="item">清仓团</li>
<li class="item">返回顶部</li>
</ul>
<!-- ********* End ********* -->
</body>
</html>
第2关:团购悬浮框页面的样式设计
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>电商团购悬浮框</title>
<!-- ********* Begin ********* -->
<style>
body,ul,li{
padding