<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
* {
margin: 0;
padding: 0;
}
.nav {
height: 40px;
/* width: 1000px; */
/* border: 1px red solid; */
margin: 20px 0px;
text-align: center;
}
.nav a {
color: rgb(103, 150, 150);
line-height: 40px;
text-decoration: none;
display: inline-block;
padding: 0 30px;
}
.nav a:hover {
background-color: rgb(213, 100, 100);
color: azure;
}
</style>
</head>
<body>
<nav class="nav">
<a href="###">服装城</a>
<a href="###">美妆馆</a>
<a href="###">尚品汇超市</a>
<a href="###">全球购</a>
<a href="###">闪购</a>
<a href="###">团购</a>
<a href="###">有趣</a>
<a href="###">秒杀</a>
</nav>
</body>
</html>