摘要：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">&
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" type="text/css" href="test.css">
<link rel="stylesheet" type="text/css" href="layui/css/layui.css">
<script src="layui/layui.js"></script>
<style>
*{
margin: 0;
padding: 0;
}
.clear{
clear: both;
}
a{
text-decoration: none;
}
.header{
background:#F5F5F5;
width: 100%;
}
.header-content{
margin: 0 auto;
width:90%;
line-height: 37px;
}
.header-content-left{
float:left;
height: 37px;
}
.header-content-right{
float:right;
height:37px;
}
.header-content a{
display: inline-block;
width: 80px;
height: 37px;
}
.header-content a:hover{
color: orangered;
}
.header_a:hover{
background: #FFFFFF;
}
</style>
<title>Document</title>
</head>
<body>
<div class="header">
<div class="header-content">
<div class="header-content-left">
<a class="header_a" href="#">中国大陆<i class="layui-icon" style="font-size: 1px;"></i></a>
<a class="header_a" href="#" style="color:coral;">亲，请登录</a>
<a class="header_a" href="#">注册</a>
<a href="#">手机逛淘宝</a>
</div>
<div class="header-content-right">
<a class="header_a" href="#">我的淘宝<i class="layui-icon" style="font-size: 1px;"></i></a>
<a href="#"><i class="layui-icon layui-icon-cart-simple"></i>购物车<i class="layui-icon" style="font-size: 1px;"></i></a>
<a class="header_a" href="#">收藏夹<i class="layui-icon" style="font-size: 1px;"></i></a>
<a href="#">商品分类</a>
<a class="header_a" href="#">卖家中心<i class="layui-icon" style="font-size: 1px;"></i></a>
<a class="header_a" href="#">联系客服<i class="layui-icon" style="font-size: 1px;"></i></a>
<a class="header_a" href="#">网站导航<i class="layui-icon" style="font-size: 1px;"></i></a>
</div>
</div>
<div class="clear"></div>
</div>
</body>
</html>
批改老师：天蓬老师批改时间：2019-01-28 13:32:42
老师总结：图片呢, 下次提交, 把图片一并放上
