abstract:<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>常用的导航栏案例</title>
<!-- css样式 -->
<style type="text/css">
body {
margin: 0px;
padding: 0px;
}
ul , li {
margin: 0px;
padding: 0px;
list-style: none;
}
header {
background:#efefef;
}
.nav {
width:1200px;
margin: 0px auto;
height:37px;
font-size: 12px;
color: #999;
line-height: 37px;
}
.nav li{
float: left;
margin-right: 24px;
}
.nav a {
color:#999;
text-decoration: none;
}
.nav_left {
float:left;
}
</style>
</head>
<body>
<!-- 导航栏 -->
<header>
<div class="nav">
<!-- 导航栏左边的 -->
<div class="nav_left">
<ul>
<li>喵,欢迎来到天猫</li>
<li><a href="#">请登录</a></li>
<li><a href="#">免费注册</a></li>
</ul>
</div>
<!-- 导航栏右边的 -->
<div class="nav_right"></div>
</div>
</header>
</body>
</html>
Correcting teacher:灭绝师太Correction time:2018-11-01 22:58:48
Teacher's summary:代码复制的时候格式讲究一点, 注意换行, , 继续加油吧