🎉
不定期分享源码，关注不丢失哦
文章目录
- 一、作品介绍
- 二、作品演示
- 三、代码目录
- 四、网站代码
- HTML部分代码
- 五、源码获取
一、作品介绍
🏷️本套采用HTML+CSS，未使用Javacsript代码，共有4个页面。
二、作品演示
三、代码目录
四、网站代码
HTML部分代码
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>原神首页</title> <link rel="stylesheet" href="./css/css.css"> </head> <body> <main> <header> <img src="./img/header_img.jpg" alt="" id="header_img"> </header> <section class="f"> <aside> <ul> <li class="t"><a href="index.html">游戏首页</a></li> <li><a href="youxijianjie.html">游戏简介</a></li> <li><a href="youxixitong.html">游戏系统</a></li> <li><a href="youxidenglu.html">游戏登录</a></li> </ul> <img src="./img/nav_bottom.jpg" id="nav_bottom" alt=""> </aside> <section class="z"> <header>基本信息</header> <table border="1"> <tr> <th>中文名</th> <td>原神</td> <th>玩家人数</th> <td>1 人(联机时上限4人)</td> </tr> <tr> <th>原版名称</th> <td>原神Project</td> <th>游戏画面</th> <td>3D</td> </tr> <tr> <th>别 名</th> <td>Genshin Impact 、원신</td> <th>游戏引擎</th> <td>Unity</td> </tr> <tr> <th>游戏类型</th> <td>角色扮演</td> <th>最新版本</th> <td>3.7版本「决斗！召唤之巅！」</td> </tr> <tr> <th>地 区</th> <td>全球</td> <th>发行阶段</th> <td>正式版</td> </tr> <tr> <th>发行公司</th> <td>上海米哈游天命科技有限公司</td> <th>发行日期</th> <td>2020年9月28日</td> </tr> </table> <header>游戏新闻</header> <div class="news"> <div class="news1" > <div class="news1bg"> <div class="news11"> <img src="./img/news1.jpg" alt=""> </div> <div class="news12"> 《原神》「神铸赋形」活动祈愿现已开启 </div> </div> </div> <div class="news1" > <div class="news1bg"> <div class="news11"> <img src="./img/news2.jpg" alt=""> </div> <div class="news12"> 《原神》「华紫樱绯」祈愿活动祈愿现已开启 </div> </div> </div> <div class="news1" > <div class="news1bg"> <div class="news11"> <img src="./img/news3.jpg" alt=""> </div> <div class="news12"> 《原神》「焰色天河」活动祈愿现已开启 </div> </div> </div> </div> </section> <div style="clear: both;"></div> </section> <footer>原神</footer> </main> </body> </html>
五、源码获取
🥇 ~ 关注我，点赞博文~ 每天带你涨知识!
🎁1.看到这里了就[点赞+好评+收藏]三连 支持下吧，你的「点赞，好评，收藏」是我创作的动力。
💙2.想要获取本文源码，点击前往吧
