<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>小米</title>
<link rel="icon" href="小米images/favicon.ico">
<link rel="stylesheet" href="CSS/reset.css">
<link rel="stylesheet" href="CSS/mi.css">
</head>
<body>
<!--头部开始-->
<div class="header">
<a href="#">
<img src="小米images/a2a9e6db5e3c5374301827435d8595c6.jpg" alt="">
</a>
</div>
<!--头部结束-->
<!--黑色导航部分开始-->
<div class="black-nav">
<div class="black-nav-left">
<ul>
<li>
<a href="#">小米商城</a>
</li>
<li>
<a href="#">MIUI</a>
</li>
<li>
<a href="#">loT</a>
</li>
<li>
<a href="#">云服务</a>
</li>
<li>
<a href="#">天星数科</a>
</li>
<li>
<a href="#">有品</a>
</li>
<li>
<a href="#">小爱开发平台</a>
</li>
<li>
<a href="#">企业团购</a>
</li>
<li>
<a href="#">资质证照</a>
</li>
<li>
<a href="#">协议规则</a>
</li>
<li>
<a href="#">下载app</a>
</li>
<li>
<a href="#">智能生活</a>
</li>
<li>
<a href="#">select Location</a>
</li>
</ul>
</div>
<div class="black-nav-right">
<ul>
<li><a href="#">登录</a></li>
<li><a href="#">注册</a></li>
<li><a href="#">消息通知</a></li>
<li><a href="#">购物车</a></li>
</ul>
</div>
</div>
<!--黑色导航部分结束-->
</body>
</html>
/*头部样式开始*/
.header{
width: 100%;
height: 120px;
background: red;
overflow: hidden;
position: relative;
}
.header img{
height: 120px;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
/*头部样式结束*/
/*黑色导航开始*/
.black-nav{
width: 100%;
height: 40px;
background:#b0b0b0;
}
.black-nav-left{
margin-left: 100px;
width: 789px;
}
.black-nav-right{
margin-left: 100px;
}
.black-nav-left a,.black-nav-right a{
color: white;
float: left;
font-size: 12px;
padding: 3px;
line-height: 40px;
}
/*黑色导航结束*/body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, button, p, blockquote, th, td
{margin: 0;padding: 0;}
body{text-align: center;font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;}
li{ list-style: none;}
a{text-decoration: none;}
img{border: none;}为什么注册登录哪里设置了margin-left但是没有生效呢
京公网安备 11011402011233号