用html做qq会员页面导航,练习1：QQ会员页面导航.html

练习1：QQ会员页面导航

*{

margin: 0px;

padding: 0px;

}

body a:link{

color: white;

text-decoration: none;

}

body a:hover{

color:blue;

text-decoration: underline;

}

li{

list-style: none;

display: inline-block;

vertical-align: middle;

}

ul{

background: rgba(0,0,0,0.5);

width: 1500px;

margin: 0 auto;

}

li{

margin-right: 10px;

}

li:first-child{

margin-right: 50px;

}

li:nth-child(8){

margin-right: 30px;

}

.p1{

border: 1px solid yellow;

border-radius: 10px;

text-align: center;

padding: 0px 10px;

}

.p1:hover{

background-color: yellow;

color: green;

}

• 
• 功能特权
• 游戏特权
• 生活特权
• 会员活动
• 成长体系
• 年费专区
• 超级会员
• 登录
• 开通超级会员

一键复制

编辑

Web IDE

原始数据

按行查看

历史