HTML+CSS王者荣耀静态网页.zip_htmlcsssection资源-CSDN文库

共39个文件

png：19个

jpg：17个

css：1个

HTML

web开发

静态网页

王者荣耀

需积分: 50 158 浏览量 2021-04-07 13:44:27 上传评论 15 收藏 2.31MB ZIP 举报

资源详情

资源评论

资源推荐

收起资源包目录

王者荣耀页面.zip （39个子文件）

王者荣耀页面

images

foot-light.png 5KB

耀.png 30KB

鲁班大师.png 32KB

three.jpg 43KB

one.jpg 62KB

精灵图1.png 108KB

TES.png 4KB

1.jpeg 77KB

four.jpg 61KB

KPL.jpg 37KB

section4.jpg 30KB

背景图.jpg 1.12MB

seven.jpg 65KB

西施.png 31KB

广州.png 20KB

该我上场.jpg 11KB

王者荣耀.jpg 49KB

马超.png 30KB

happy.png 17KB

eight.jpg 9KB

ts.png 21KB

five.jpg 42KB

大.png 16KB

header-logo.png 11KB

we.png 4KB

皮肤设计大赛.png 41KB

section3.jpg 19KB

section1.jpg 8KB

six.jpg 13KB

精灵图2.png 55KB

logo.png 19KB

two.jpg 39KB

section2.jpg 20KB

精灵图3.png 47KB

aside.png 86KB

img-logo.png 5KB

header.jpg 59KB

index.html 19KB

style.css 33KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>PC端王者荣耀</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="allbox">  <div class="header"> <div class="logo"><img src="images/header-logo.png" title="腾讯游戏"></div> <div class="son"> <div class="tubiao"></div> <div class="chengzhang"> <a href="#">成长守护平台</a></div> </div> <div class="tengxun"><a href="#">腾讯游戏排行榜</a></div> <div id="v">v</div> </div>   <div class="background-images"> </div>   <div class="nav"> <div class="logo"><img src="images/logo.png" alt=""></div> <div class="info"> <ul> <li> <a href="#">官网首页</a> <h5>HOME</h5> </li> <li> <a href="#">游戏资料</a> <h5>DATA</h5> </li> <li> <a href="#">内容中心</a> <h5>CONTENTS</h5> </li> <li> <a href="#">赛事中心</a> <h5>MATCH</h5> </li> <li> <a href="#">百态王者</a> <h5>CULTURE</h5> </li> <li> <a href="#">社区互动</a> <h5>COMMUNITY</h5> </li> <li> <a href="#">玩家支持</a> <h5>PLAYER</h5> </li> </ul> </div> <div class="ren"> </div> <div class="denglu"> <a href="#">欢迎登陆 <h5>登陆后查看游戏战绩</h5></a> </div> </div>  </div>  <div class="skin"> <img src="images/皮肤设计大赛.png" alt=""> </div>   <div class="box"> <div class="one"><img src="images/1.jpeg" alt=""> <ul> <li> <a href="#">小乔青蛇皮肤上架</a> </li> <li> <a href="#">赛事战令李白星元</a> </li> <li> <a href="#">小乔青蛇COS</a> </li> <li> <a href="#">王者茶馆</a> </li> <li> <a href="#" id="hao">万镜觉醒的春晚</a> </li> </ul> </div> <div class="two"> <div class="top"> <ul class=" "> <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 id="teshu"><a href="#">...</a></li> </ul> <ul class="jieshao"> <li> <a href="#"> <h3>3月18全服不停机更新公告</h3> </a> </li> <li> <a href="#">【KPL今日预报】成都AG超玩会 vs 重庆QG，揭幕战宿敌再遇谁能首胜？</a> <span>03.16</span> </li> <li> <a href="#">关于王者荣耀国际轮回赛（KPLGT）积分年的计算规则</a> <span>03.18</span> </li> <li> <a href="#">王者荣耀国际巡回赛（KPLGT）2020年春季赛开赛时间公告</a> <span>03.18</span> </li> <li> <a href="#">2020年KPL春季赛大名单公布</a> <span>03.17</span> </li> <li> <a href="#">2020年KPL春季赛“云开赛”在即全新视觉与六大城市主场来袭！</a> <span>03.17</span> </li> <li> <a href="#">高校联赛女神挑战赛周末开赛啦！来看高颜值组合强强联手</a> <span>03.17</span> </li> <li> <a href="#">你和那个TA会是峡谷校园最佳CP吗？高校联赛白色情人节开启CP大作战！</a> <span>03.17</span> </li> </ul> </div> </div> <div class="three"> <div class="css"></div> </div> </div>   <div class="section"> <div><img src="images/section1.jpg" alt=""></div> <div><img src="images/section2.jpg" alt=""></div> <div><img src="images/section3.jpg" alt=""></div> <div><img src="images/section4.jpg" alt="" class="aa"></div> </div>   <div class="nav1"> <div class="icon"> <h3>内容中心</h3> </div> <div class="yingsong"> <h3>内容/英雄</h3> </div> <div class="icon2"> <h6>更多</h6> <div class="icon2l"> <h6>更多</h6> </div> </div> </div>   <div class="header1"> <div id="header11"> <div class="header111"> <ul> <li> <a href="#">精品栏目</a> <a href="#">赛事精品</a> <a href="#">英雄攻略</a> </li> </ul> </div> <div class="header112"> <ol> <li> <a href="#">最新英雄</a> <a href="#">最新皮肤</a> <a href="#">周免英雄</a> </li> </ol> </div> </div> </div>   <div class="nav2"> <li class="b"><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="#">棋高一招</a></li> </div>   <div class="pic"> <div> <img src="images/one.jpg" alt=""> <div class="mask"> <div class="mask1"></div> </div> <p>职业教学第二季】第23期：Yang亚瑟无限游走打法，带爆节奏</p> <h6>3.6万 <span>2019-10-1</span></h6> </div> <div><img src="images/two.jpg" alt=""> <div class="mask"> <div class="mask1"></div> </div> <p>【QG荣耀学院】第63期 Mojo墨子一