逆战官网：超燃FPS射击游戏，多种模式、武器、地图等你体验！
<!DOCTYPE html>
<html>
<head>
<title>逆战官网：超燃FPS射击游戏</title>
<style>
body {
background-color: #000;
color: #fff;
font-family: Arial, sans-serif;
}
<pre><code> .container {
max-width: 960px;
margin: 0 auto;
padding: 20px;
}
.header {
display: flex;
justify-content: space-between;
align-items: center;
}
.logo {
font-size: 36px;
font-weight: bold;
text-transform: uppercase;
}
.navigation {
display: flex;
align-items: center;
}
.navigation li {
list-style: none;
margin-left: 20px;
font-size: 24px;
text-transform: uppercase;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.navigation li:hover {
color: #ff0;
transform: scale(1.1);
}
.hero {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 50px;
}
.hero .image {
width: 50%;
margin-right: 50px;
}
.hero img {
width: 100%;
}
.hero .content {
width: 50%;
}
.hero h1 {
font-size: 48px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
}
.hero p {
font-size: 24px;
line-height: 1.5;
margin-bottom: 20px;
}
.hero button {
padding: 10px 20px;
font-size: 24px;
text-transform: uppercase;
background-color: #ff0;
color: #000;
border: none;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.hero button:hover {
background-color: #000;
color: #ff0;
transform: scale(1.1);
}
.features {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 50px;
}
.feature {
width: 30%;
text-align: center;
}
.feature img {
width: 100%;
}
.feature h2 {
font-size: 36px;
font-weight: bold;
text-transform: uppercase;
margin-top: 20px;
margin-bottom: 10px;
}
.feature p {
font-size: 24px;
line-height: 1.5;
margin-bottom: 20px;
}
.footer {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 50px;
}
.footer p {
font-size: 24px;
line-height: 1.5;
margin-bottom: 20px;
}
.footer ul {
list-style: none;
display: flex;
}
.footer li {
margin-right: 20px;
font-size: 24px;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.footer li:hover {
color: #ff0;
transform: scale(1.1);
}
</style>
</code></pre>
</head>
<body>
<div class='container'>
<header class='header'>
<div class='logo'>逆战</div>
<nav class='navigation'>
<ul>
<li>首页</li>
<li>游戏介绍</li>
<li>游戏下载</li>
<li>最新活动</li>
<li>联系我们</li>
</ul>
</nav>
</header>
<section class='hero'>
<div class='image'>
<img src='https://via.placeholder.com/600x400' alt='逆战游戏截图'>
</div>
<div class='content'>
<h1>超燃FPS射击游戏</h1>
<p>《逆战》是一款高度还原军事战争的FPS射击游戏，拥有超过百种武器、数十张地图、多种模式等你来战斗！</p>
<button>开始游戏</button>
</div>
</section>
<section class='features'>
<div class='feature'>
<img src='https://via.placeholder.com/300x200' alt='逆战游戏特色'>
<h2>多种游戏模式</h2>
<p>《逆战》拥有多种游戏模式，包括经典模式、混战模式、团队模式等，满足不同玩家的需求。</p>
</div>
<div class='feature'>
<img src='https://via.placeholder.com/300x200' alt='逆战游戏特色'>
<h2>丰富的武器装备</h2>
<p>《逆战》拥有超过百种武器装备可供选择，包括步枪、手枪、狙击枪、近战武器等，让你打造出最强的战斗装备。</p>
</div>
<div class='feature'>
<img src='https://via.placeholder.com/300x200' alt='逆战游戏特色'>
<h2>多种游戏地图</h2>
<p>《逆战》有数十张地图可供选择，包括城市、沙漠、雪山等多种场景，让你在不同的地形中战斗。</p>
</div>
</section>
<footer class='footer'>
<p>版权所有 © 2021 逆战官方网站</p>
<ul>
<li>关于我们</li>
<li>常见问题</li>
<li>隐私政策</li>
<li>用户协议</li>
</ul>
</footer>
</div>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/mkFp 著作权归作者所有。请勿转载和采集!