简单的企业站头部
7202019-04-08 17:25:05217<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
header{width: 100%; border-bottom: 3px solid #FF0000; padding: 10px 0px; display: inline-block;}
section{width: 1200px; margin: 0px auto;}
div{float: left; height: 60px; width: 120px; background: #ddd; }
nav{ float: right;}
a{ float: left; padding: 0px 20px; text-decoration: none; line-height: 60px; }
a:hover{color: #ff0000; font-weight: 600;}
</style>
</head>
<body>
<header>
<section>
<div>这里是logo</div>
<nav>
<a href="">首页</a>
<a href="">关于我们</a>
<a href="">产品案例</a>
<a href="">新闻动态</a>
<a href="">联系我们</a>
</nav>
</section>
</header>
</body>
</html>