<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>QQ会员-不做大多数</title>
<link rel="icon" href="img/logo.png" type="x-png" />
<style>
li {
list-style: none;
display: inline-block;
padding-right: 19px;
}
div{
width: 1900px;
height: 71px;
border: 1px solid gray;
background: url("logo.png")gray 50px center no-repeat ;
background-size: 110px 60px;
}
ul{
padding-left: 210px;
margin-top: 25px;
}
a{
font-size: 15px;
color:white;
text-decoration: none;
}
a:hover{
text-decoration: none;
color: #2633ff;
}
.entry{
margin-left: 40px;
padding: 5px 22px;
border: 1px solid #feff49;
border-radius: 15px;
color: #fcfc3a;
}
li:nth-last-child(2){
padding-right: 0px;
}
li:nth-last-child(2) a:hover{
color: #efcc2c;
}
.open{
border: 1px solid yellow;
border-radius: 15px;
padding: 5px 25px;
background-color: #ffe846;
color: #eeba15;
font-weight: bold;
}
li:nth-last-child(1) a:hover{
color: #d3940b;
}
</style>
</head>
<body>
<div>
<nav>
<ul>
<li><a href="#">功能特权</a></li>
<li><a href="#">游戏特权</a></li>
<li><a href="#">生活特权</a></li>
<li><a href="#">会员活动</a></li>
<li><a href="#">成长体系</a></li>
<li><a href="#">年费专区</a></li>
<li><a href="#">超级会员</a></li>
<li><a href="#" class="entry">登录</a></li>
<li><a href="#" class="open">开通超级会员</a></li>
</ul>
</nav>
</div>
</body>
</html>
web制作QQ会员导航
最新推荐文章于 2023-11-25 16:35:20 发布