CSS第7章上机练习1(制作QQ会员页面导航)

ps:上代码勒~

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>制作QQ会员页面导航</title><style>li {list-style: none;display: inline-block;padding-right: 19px;}div{width: 1080px;height: 72px;border: 1px solid gray;background: url("../img/logo.png")gray 50px center no-repeat ;background-size: 110px 60px;}ul{padding-left: 210px;margin-top: 25px;}a{font-size: 14px;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>

ps:附上效果图~

CSS第7章上机练习1(制作QQ会员页面导航)相关推荐

JavaScript第6章上机练习1(制作图书简介页面)
ps:首先是链接外部的文件: img {width: 230px;height: 300px; }.textRight {float:left ; }.imgLeft {float:left ;mar ...
HTML第6章上机练习3(制作京东快报页面)
代码如下: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF- ...
制作京东快报页面html,HTML第6章上机练习3(制作京东快报页面)
代码如下: 制作京东快报页面 .title{ height: 186px; width: 230px; box-sizing: border-box; border: 1px solid gainsb ...
使用jQuery快速高效制作网页交互特效第五章上机练习四制作广告图片轮播切换效果
轮播应有的功能大致都有,分享给一些在学的朋友参考学习. <!DOCTYPE html> <html> <head lang="en"><m ...
HTML第6章上机练习5(制作爱奇艺视频播放列表)
代码如下: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF- ...
HTML +CSS制作QQ登录页面
用a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00} /* 已访问的链接 */ ...
web制作QQ会员导航
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
html5制作QQ会员导航条
运行效果:
html制作qq注册页面代码截图,javascript在网页中实现粘贴qq截图功能
这篇文章主要介绍了在网页中实现读取剪贴板粘贴截图功能,即可以把剪贴板的截图Ctrl+V粘贴到网页的一个输入框中,例如QQ截图.旺旺截图或者其它截图软件.具体代码如下. 利用 clipboardData ...
【Hello CSS】第一章-CSS的语法与工作流
作者:陈大鱼头 github: KRISACHAN 在上一篇[Hello CSS]的序章CSS起源中介绍了CSS的诞生原因以及发展历史,了解了CSS的存在意义.从正篇篇开始将会正式开始介绍CSS这门语 ...

CSS第7章上机练习1(制作QQ会员页面导航)

CSS第7章上机练习1(制作QQ会员页面导航)相关推荐

最新文章

热门文章