摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>常用导航布局案例</title> <style>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>
常用导航布局案例
</title>
<style>
*{margin: 0px;padding: 0px;}
ul li{text-decoration: none;}
.header{width: 100%;height: 40px;background-color: #ccc;}
.header_a{width: 1000px;height: 40px;line-height: 40px;margin: 0 auto;}
.header_b{height: 40px;float: left;display: inline-block;margin-right: 50px;}
.header_b:hover{color: #aa1111;}
</style>
</head>
<body>
<div class="header">
<div class="header_a">
<div class="header_b">首页</div>
<div class="header_b">女装</div>
<div class="header_b">男装</div>
<div class="header_b">数码产品</div>
</div>
</div>
</body>
</html>
批改老师：灭绝师太批改时间：2018-12-12 10:35:47
老师总结：导航内部一般文字都是链接，案例的话也要考虑写的全面点，这个案例在布局中没有实际意义奥！
