做一个小米商城首页的头部
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
body {
font-size: 12px;
margin: 0;
}
#top {
background-color: #333333;
height: 40px;
/*background-color: red;*/
}
a:link{
color: #b0b0b0
}
a:visited{color: #b0b0b0}
a:hover {
color: #ffffee
}
#top-left{
90%;
float: left;
}
#top a{
text-decoration: none;
font-weight: lighter;
}
#left-a{
padding: 12px 0;
70%;
float: left;
}
#right-a{
padding: 12px 0;
float: right;
/* 30%;*/
}
#top-right{
height: 40px;
10%;
float: right;
}
#shop-car{
background-color: #424242;
/*height: 40px;*/
padding: 11.5px 0px;
text-align: center;
90%;
float: left;
}
</style>
<title>Title</title>
</head>
<body>
<div id="top">
<div id="top-left">
<div id="left-a">
<a href="02.html" target="_blank">小米商城</a>
<span style="color: #423c37"> | </span>
<a href="02.html"target="_blank">MIUI</a>
<span style="color: #423c37"> | </span>
<a href="02.html"target="_blank">loT</a>
<span style="color: #423c37"> | </span>
<a href="02.html" target="_blank">云服务</a>
<span style="color: #423c37"> | </span>
<a href="02.html"target="_blank">金融</a>
<span style="color: #423c37"> | </span>
<a href="02.html"target="_blank">有品</a>
<span style="color: #423c37"> | </span>
<a href="02.html" target="_blank">小爱开放</a>
<span style="color: #423c37"> | </span>
<a href="02.html"target="_blank">企业团购</a>
<span style="color: #423c37"> | </span>
<a href="02.html"target="_blank">资质证照</a>
<span style="color: #423c37"> | </span>
<a href="02.html" target="_blank">协议规则</a>
<span style="color: #423c37"> | </span>
<a href="02.html"target="_blank">下载app</a>
<span style="color: #423c37"> | </span>
<a href="02.html"target="_blank">Select Location</a>
</div>
<div id="right-a">
<a href="02.html" target="_blank">登录</a>
<span style="color: #423c37"> | </span>
<a href="02.html"target="_blank">注册</a>
<span style="color: #423c37"> | </span>
<a href="02.html"target="_blank">消息通知 </a>
</div>
</div>
<div id="top-right">
<div id="shop-car">
<a href="02.html"target="_blank">购物车(0)</a>
</div>
</div>
</div>
</body>
</html>