<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>王者荣耀官方网站</title>
</head>
<link rel="stylesheet" type="text/css" href="css/wangzhe.css">
<body>
<div class="ost_box ost_bg" id="ost_box" style="position: absolute;">
<img src="./img/top1.png" alt="" width="100%">
</div>
<div class="header" id="header">
<div class="head-inner" id="head-inner">
<h1>
<a class="logo pa" href=""></a>
</h1>
<ul class="title">
<li class="first-nav">
<a href="">游戏资料
<em>DATA</em>
</a>
</li>
<li>
<a href="">内容中心
<em>CONTENTS</em>
</a>
</li>
<li>
<a href="">赛事中心
<em>MATCH</em>
</a>
</li>
<li>
<a href="">百态王者
<em>CULTURE</em>
</a>
</li>
<li>
<a href="">社区互动
<em>COMMUNITY</em>
</a>
</li>
<li>
<a href="">玩家支持
<em>PLAYER</em>
</a>
</li>
<li>
<a href="">IP新游
<em>NEW GAMES</em>
</a>
</li>
<li><img src="./img/nav_search.png" alt=""></li>
</ul>
<div class="welcome pa">
<a href="" class="user-logo">
<img src="./img/user-logo.png" width="42" height="42">
</a>
<div class="denglu">
<a href="">欢迎登陆</a>
<p>登陆后查看游战绩</p>
</div>
</div>
</div>
</div>
<!-- 导航栏和导航动画 -->
<div class="wrapper">
<div class="kv-bg-contianer">
<div class="kv-bg"></div>
</div>
<div class="main">
<div class="main-top">
<!--首屏新闻资讯 -->
<div id="carousel-example-genergic" class="carousel slide" data-ride="carousel" data-interval="5000">
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="./img/nav.jpeg" alt="青白蛇设计票选">
</div>
<ol class="carousel-indicators">
<li class="active">青白蛇设计票选</li>
<li>容耀之夜开战</li>
<li>端午过节攻略</li>
<li>全国锦标赛</li>
<li>城市赛道资格赛</li>
</ol>
</div>
</div>
<!-- 轮播图 -->
<div class="news-center ">
<div class="newstab ">
<ul class="nav nav-pills " role="tablist ">
<li role="presentation " class="active "><a href="#home " role="tab " data-toggle="tab ">热门</a></li>
<li role="presentation "><a href="#one " role="tab " data-toggle="tab ">新闻</a></li>
<li role="presentation "><a href=" " role="tab " data-toggle="tab ">公告</a></li>
<li role="presentation "><a href="" role="tab " data-toggle="tab ">活动</a></li>
<li role="presentation "><a href=" " role="tab " data-toggle="tab ">赛事</a></li>
</ul>
<a href="" class="tab-more ">...</a>
<div class="tab-content ">
<div role="tabpane1 " class="tab-pane active " id="home ">
<li class="line-sp ">
<a href="" class="new-txt ">6月12日体验服停机更新公告</a>
</li>
<li class="text ">
<span class="news-type">热门</span>
<a href=" " class="news-txt ">6月12日体验服不停机更新公告</a>
<em class="fr news-time ">06/12</em>
</li>
<li class="text ">
<span class="news-type type-gonggao">公告</span>
<a href=" " class="news-txt ">6月12日异常闪退说明公告</a>
<em class="fr news-time ">06/12</em>
</li>
<li class="text ">
<span class="news-type type-gonggao">公告</span>
<a href=" " class="news-txt ">6月11日体验服停机更新公告</a>
<em class="fr news-time ">06/11</em>
</li>
<li class="text ">
<span class="news-type type-xinwen">新闻</span>
<a href=" " class="news-txt ">蒙犽皮肤预售开启，来斗鱼百分百赢豪礼</a>
<em class="fr news-time ">06/11</em>
</li>
<li class="text ">
<span class="news-type type-gonggao">公告</span>
<a href=" " class="news-txt ">6月11日派对大作战玩法偶现匹配异常说明公告</a>
<em class="fr news-time ">06/11</em>
</li>
<li class="text ">
<span class="news-type">热门</span>
<a href=" " class="news-txt ">重庆x腾讯《王者荣耀》文化跨界合作发布会顺利举行</a>
<em class="fr news-time ">06/10</em>
</li>
<li class="text ">
<span class="news-type">热门</span>
<a href=" " class="news-txt ">【绘梦端午】活动公告</a>
<em class="fr news-time ">06/10</em>
</li>
</div>
</div>
</div>
</div>
<!-- 中央新闻 -->
<div class="download ">
<a href=" " class="download-btn "></a>
<a href=" " class="guard-btn "></a>
<a href=" " class="tiyan-btn "></a>
</div>
<!-- 下载专区 -->
</div>
<div class="quick_entrance ">
<a href=" " class="quick_image ">
<img src="./img/quick1.jpg " alt="爆料站入口 ">
</a>
<a href=" " class="quick_image ">
<img src="./img/quick2.jpg " alt="王者营地 ">
</a>
<a href=" " class="quick_image ">
<img src="./img/quick3.jpg " alt="王者文化站 ">
</a>
<a href=" " class="quick_image ">
<img src="./img/quick4.jpg " alt="赛事专区 ">
</a>
</div>
王者荣耀官方网站静态页面css+html
版权申诉
5星 · 超过95%的资源 44 浏览量
2021-07-26
11:44:17
上传
评论 7
收藏 1.17MB RAR 举报 
52 黄枭 B190111 王者荣耀.rar （33个子文件） 
王者 img 
rotate_bg.png 827B r_all.png 58KB nav_search.png 1KB
jihe.jpg 43KB wh.png 47KB bg.jpg 219KB r_navBg.png 2KB bg_footer.jpg 20KB r_dj.png 7KB r_code.jpg 29KB 537.jpg 14KB shipin.jpg 195KB icplogo.png 1KB quick2.jpg 20KB quick4.jpg 30KB 528.jpg 16KB jihe2.jpg 41KB 155.jpg 27KB
nav.jpeg 93KB top1.png 52KB spr.png 47KB cq.png 56KB 536.jpg 18KB logo.png 19KB gswj.png 968B 533.jpg 9KB user-logo.png 792B index.png 108KB shipin2.jpg 12KB quick1.jpg 17KB quick3.jpg 19KB
王者.html 39KB css wangzhe.css 22KB
- 1
- 2
- 3
- 4
- 5
- 6
前往页