<!doctype html>
<html data-n-head-ssr>
<head >
<title>《原神》官方网站-全新3.0版本须弥开放</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="renderer" content="webkit"><meta data-n-head="ssr" name="force-rendering" content="webkit"><meta data-n-head="ssr" http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta data-n-head="ssr" name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content="《原神》3.0版本「千朵玫瑰带来的黎明」现已推出!《原神》是由米哈游自研的一款开放世界冒险RPG。你将在游戏中探索一个被称作「提瓦特」的幻想世界。在这广阔的世界中,你可以踏遍七国,邂逅性格各异、能力独特的同伴,与他们一同对抗强敌,踏上寻回血亲之路;也可以不带目的地漫游,沉浸在充满生机的世界里,让好奇心驱使自己发掘各个角落的奥秘……直到你与分离的血亲重聚,在终点见证一切事物的沉淀。"><meta data-n-head="ssr" data-hid="Keywords" name="Keywords" content="原神, 原神新版本, 原神电脑版, 原神完整版,原神最新版, 原神官网, 原神PC官网, 原神PC端, 原神PC端官网, 原神下载, 原神攻略, 原神PC版, 原神PC下载, 原神手游, 原神ios, 原神官服,原神官方, 原神游戏, 原神安卓, 原神米哈游, 原神手游官网, 原神官方, 原神手游ios, 原神漫画, 原神开放世界, yuanshen官网,原神新地图,原神新区域,原神角色,原神新角色,原神新剧情,原神新武器,原神新活动,原神版本更新"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="/favicon.ico"><link data-n-head="ssr" rel="stylesheet" href="https://webstatic.mihoyo.com/dora/lib/custom-scrollbar/jquery.mCustomScrollbar.min.css"><script data-n-head="ssr" type="text/javascript" data-body="false">
if (location.host.indexOf('yuanshen.com') > -1 && location.search.indexOf('stay=1') < 0) {
location.href = 'https://ys.mihoyo.com' + location.pathname + location.search;
} else if (navigator.userAgent.match(
/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
) || (
(navigator.userAgent.match(/(huaweibrowser|SamsungBrowser|UCBrowser)/i) || navigator.platform === 'MacIntel') &&
navigator.maxTouchPoints > 1
)) {
if(location.pathname.indexOf('/m/') < 0 && !(/\/m$/g).test(location.pathname)) {
location.href = location.protocol + '//' + location.host + location.pathname.replace(/(\/)(main\/)?/, '$1$2m/') + location.search;
}
} else {
if(location.pathname.indexOf('/m/') > -1) {
location.href = location.protocol + '//' + location.host + location.pathname.replace('/m/', '/') + location.search;
} else if((/\/m$/g).test(location.pathname)) {
location.href = location.protocol + '//' + location.host + location.pathname.replace(/m$/, '') + location.search;
}
}</script><script data-n-head="ssr" src="https://webstatic.mihoyo.com/dora/base/jquery-1.11.1.js"></script><script data-n-head="ssr" src="https://webstatic.mihoyo.com/dora/biz/mihoyo-cn-footer/main.js"></script><script data-n-head="ssr" src="https://webstatic.mihoyo.com/dora/biz/mihoyo-account-flow/v2/main.js"></script><script data-n-head="ssr" src="https://s23.cnzz.com/z_stat.php?id=1275942592&web_id=1275942592" async defer></script><link rel="preload" href="/main/_nuxt/19bcb4beaaff607902e6.js" as="script"><link rel="preload" href="/main/_nuxt/60f0a32ebe55bf46c089.js" as="script"><link rel="preload" href="/main/_nuxt/ffb0a6f27c2449a4435d.js" as="script"><link rel="preload" href="/main/_nuxt/dc274a16013e3cb3aa6f.js" as="script"><style data-vue-ssr-id="3255fd60:0 3191d5ad:0 84455a9e:0 d6dc35bc:0">.user-model-loading{display:none;font-size:14px}.user-model-loading__bg{position:fixed;z-index:2147483646;top:0;right:0;left:0;bottom:0;background:rgba(17,17,17,0.5)}.user-model-loading__toast{position:fixed;z-index:2147483647;width:7.6em;min-height:7.6em;top:50%;left:50%;margin-left:-3.8em;margin-top:-3.8em;text-align:center;border-radius:5px;color:#fff}.user-model-loading__icon{width:38px;height:38px;margin:30px 0 0;display:inline-block;vertical-align:middle;-webkit-animation:user-model-loading 1s steps(12, end) infinite;animation:user-model-loading 1s steps(12, end) infinite;background:transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat;background-size:100%}.user-model-loading__text{margin:0 0 15px;font-size:14px}@-webkit-keyframes user-model-loading{0%{-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg)}100%{-webkit-transform:rotate3d(0, 0, 1, 360deg);transform:rotate3d(0, 0, 1, 360deg)}}@keyframes user-model-loading{0%{-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg)}100%{-webkit-transform:rotate3d(0, 0, 1, 360deg);transform:rotate3d(0, 0, 1, 360deg)}}
.nuxt-progress {
position: fixed;
top: 0px;
left: 0px;
right: 0px;
height: 3px;
width: 0%;
opacity: 1;
transition: width 0.1s, opacity 0.4s;
background-color: #69e0ff;
z-index: 999999;
}
.nuxt-progress.nuxt-progress-notransition {
transition: none;
}
.nuxt-progress-failed {
background-color: red;
}
@font-face{font-family:'icomoon';src:url("https://webstatic.mihoyo.com/upload/hk4e/fonts/icomoon.eot");src:url("https://webstatic.mihoyo.com/upload/hk4e/fonts/icomoon.eot") format("embedded-opentype"),url("https://webstatic.mihoyo.com/upload/hk4e/fonts/icomoon.ttf") format("truetype"),url("https://webstatic.mihoyo.com/upload/hk4e/fonts/icomoon.woff") format("woff"),url("https://webstatic.mihoyo.com/upload/hk4e/fonts/icomoon.svg") format("svg");font-weight:normal;font-style:normal;font-display:block}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon' !important;speak:none;font-style:norm
没有合适的资源?快使用搜索试试~ 我知道了~
html+css的原神静态页面
共86个文件
png:49个
jpg:30个
html:4个
5星 · 超过95%的资源 需积分: 31 45 下载量 89 浏览量
2022-10-03
00:08:10
上传
评论 13
收藏 5.18MB RAR 举报
温馨提示
此文件为html+css的简单原神静态页面适用于前端初学者,以及大学生。 可以通过此代码了解定位流思想,其中涵盖了标准层,浮动层以及定位层的布局方式,有助于帮助初学者理清代码中的思想
资源详情
资源评论
资源推荐
收起资源包目录
原神代码.rar (86个子文件)
原神代码
css
img
qin.png 21KB
28e5f814b5727c2fa92426c222f8a099_611360789647050664.jpg 130KB
2021081714514765929.png 22KB
2019092620142687125.png 22KB
b51565c6f1298e534e90b6e63332e9c1_6618231443033589469.png 348KB
雷泽.png 7KB
717ba90ed1e7dbef36b323fb36f26fd2_1136853162164179573.jpg 50KB
8c67a454a6af6f0644996ff07d4f2318_1388342660770260943.jpg 79KB
2020060218324180299.png 6KB
7349ae88081117c931fb2e94d2d5eab8_3550595266685815827.jpg 136KB
6f0ef40157e95b0d59455c12f4d3f270_3262958961633311108.png 437KB
2021072011090118454.png 382KB
92b2db33f3c2d4492c8199a5f8cc8d91_4250453343136860379.jpg 50KB
b5b4d390a686fddf4e6a6936646e5908_7161220927350679454.jpg 90KB
index1.png 9KB
2019092620144979413.png 4KB
avatarDefaultPc.png 2KB
miHoYo_Game.2457753.png 13KB
82b47fb3bfc92b0ec8fd92b877e02a86.jpg 7KB
0d9c7cecdfb63f0b2019e8ca337cfd0e_326935682948401163.jpg 148KB
2021072011085576262.png 19KB
00a26f8bf5571843e63d47eeaced31e1_6579083729029070489.jpg 120KB
b8a367991017a9f3c6bb445c5c8b68e6_1191967378101363412.png 30KB
text-symbol.png 1KB
2020032419030350146.png 6KB
2021081714114216212.png 25KB
7a4f9a617bec650b10bbbb629e7ed494_6641787495823428753.jpg 110KB
丽莎.png 8KB
index.jpg 2KB
c59b4a5cb71a1a327ab7c017931f21c7_2566723474770180783.jpg 125KB
Modand.jpg 132KB
fed694684e64b339c6e4554fe59c1195_5282456203145162164.jpg 85KB
116646353db40c2e93fbc1087713313e_5261110496729929667.jpg 112KB
赞.png 5KB
凯亚.png 7KB
ea3c778111c22a46f1a7fa59ffa9ec6d_1309128015603351848.jpg 79KB
leftpoint.png 1KB
930f3ce55517e3c711a962c82e4639c0_8788966481995409698.png 369KB
2020030617035787693.png 7KB
b1480258dd16eda40c169cbe34123976_6411674621359473491.jpg 65KB
ys.mihoyo.com
s.html 102KB
index3.png 1KB
qrcode_ys.c265aec.png 14KB
ce071472305d3588aefdf9b9297709a9_4117931827809456059.jpg 64KB
a4cfea58734cd2c4167654d510a29200_5363026350084492758.jpg 133KB
2020030617043374251.png 7KB
2021080210195390130.png 26KB
QQ截图20220928150259.png 3KB
3677cbc063b7ab3887ceb7f9a77287ac_1039229097287658400.png 25KB
flower.png 22KB
mask1.png 31KB
笔.png 3KB
dc16a7b5af616fc99565ed982873028e.jpg 4KB
2020030617031747812.png 7KB
芭芭拉.png 8KB
7520b99bda57316e324e679fab4f2aa8_6724316923814914690.jpg 7KB
635cdc59fca6c7614799625d76c8076d_332068832678179422.jpg 51KB
200203.png 638B
19daf7196f193afcacd1f52f8d4476fb_7501343931644825717.jpg 55KB
9590ee58e0e97398463e9d9eb67113e7_8995604566188643618.jpg 106KB
rightpoint.png 1KB
2020021114220951905.jpg 134KB
eb9240c973aaa0ba58f2b6ce41373da4_946828301610122425.jpg 122KB
7d1547187fb4d02439e25a528fa7be5f.jpg 4KB
1f88bdae2e99307e68a0bbfedf6cc74f_2882938237707913291.png 23KB
an.png 21KB
377cfb0cf754a873c864e92208e540f0_2617971490404602601.png 23KB
01d9b164e0de2611c84ccdec5b84ced8_4841535305526345122.png 449KB
44e2d916d9c13bca863d56423004fd98_5259521148631074871.png 484KB
af6dfd1a13ee8f9c7d56c4cd358d6cc9_2686162951360982255.jpg 69KB
2021061716564818668.png 24KB
2021080211352035312.png 25KB
95de17d82a1b79c80b7ca03a52703fba_5293370747570334764.jpg 24KB
2020030617042023125.png 7KB
7b1e0eb0a8c42de06343eeb1496e5215.jpg 6KB
迪卢克.png 8KB
2020031618192613355.png 6KB
voice.png 6KB
4199ac7c190fe49d64215345c1c04f30_767621913108456368.png 24KB
index.png 6KB
jly2.css 9KB
jly ceshi.css 7KB
jly.css 8KB
Character copy.html 5KB
text.html 27KB
Character.html 5KB
共 86 条
- 1
代码大帝
- 粉丝: 4763
- 资源: 2
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论5