导航
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style type="text/css">
.nav{
height: 50px;
text-align: center;
background-color:#aaa;
}
a{
text-decoration:none;
font-size: 14px;
font-weight: 700;
color: #3c3c3c;
width:100px;
height:50px;
display: inline-block;
}
a.one{
color: #ff4400;
}
a:hover{
text-decoration: underline;
color: #ff4400;
background-color: #D5D7DD;
}
</style>
</head>
<body>
<div class="nav">
<a href="#" class="one" title="天猫">天猫</a>
<a href="#" class="one" title="聚划算">聚划算</a>
<a href="#" class="one" title="超市">超市</a>
<a href="#" class="one" title="头条">头条</a>
<a href="#" title="阿里旅行">阿里旅行</a>
<a href="#" title="电器城">电器城</a>
<a href="#" title="淘抢购">淘抢购</a>
<a href="#" title="苏宁易购">苏宁易购</a>
<a href="#" title="智能生活">智能生活</a>
</div>
</body>
</html>