<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>QQ会员页面导航</title><link href="css/Page_224_1.css" rel="stylesheet" type="text/css" /></head><body><div id="contain"><div id="list"><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="#" id="login">登录</a></li><li><a href="#" id="open">开通超级会员</a></li></ul></div></div></body>
</html>//CSS样式
body{margin:0;padding: 0;}
#list{width: 100%;height: 50px;/*margin: 0;*/background: #666666 url(../img/logo.png) 50px -4px no-repeat;background-size:110px 60px;/*line-height: 50px;*/
}
ul{list-style: none;/*margin:16px auto;*/margin-left: 150px;margin-top: 0px;height: 50px;line-height: 50px;
}
li{display: inline-block;margin-right: 15px;
}
a{color: white;font-size: 12px;text-decoration: none;
}
/*登录按钮*/
#login{padding: 5px 10px;color: #FAD65C;border: 1px solid #FAD65C;border-radius: 10px;margin-left: 20px;
}/*开通超级会员按钮*/
#open{padding: 5px 20px;background: #FAD65C;border-radius: 10px;
}a:hover{color: blue;
}
#login:hover{background: #fad65c;color: white;
}
#open:hover{color:blue;background: #FAD65C;
}
