<html lang='en'>
<head>
  <meta charset='UTF-8'>
  <meta name='viewport' content='width=device-width, initial-scale=1.0'>
  <title>Minecraft 服务器官网 - 最佳游戏体验</title>
  <link rel='stylesheet' href='style.css'>
</head>
<body>
  <header>
    <h1>Minecraft 服务器官网</h1>
  </header>
  <main>
    <section class='server-info'>
      <h2>服务器信息</h2>
      <p>欢迎来到我们的 Minecraft 服务器!我们提供最稳定、最刺激的游戏体验。</p>
      <p>IP地址: <span class='server-ip'>mc.example.com</span></p>
      <p>版本: <span class='server-version'>1.16.4</span></p>
    </section>
<pre><code>&lt;section class='server-rules'&gt;
  &lt;h2&gt;服务器规则&lt;/h2&gt;
  &lt;ul&gt;
    &lt;li&gt;尊重其他玩家&lt;/li&gt;
    &lt;li&gt;不要使用作弊&lt;/li&gt;
    &lt;li&gt;不要恶意破坏&lt;/li&gt;
    &lt;li&gt;遵守管理员指示&lt;/li&gt;
  &lt;/ul&gt;
&lt;/section&gt;

&lt;section class='server-features'&gt;
  &lt;h2&gt;服务器特色&lt;/h2&gt;
  &lt;ul&gt;
    &lt;li&gt;无延迟的游戏体验&lt;/li&gt;
    &lt;li&gt;自定义插件和mod&lt;/li&gt;
    &lt;li&gt;友好的社区&lt;/li&gt;
    &lt;li&gt;每周举办活动&lt;/li&gt;
  &lt;/ul&gt;
&lt;/section&gt;
</code></pre>
  </main>
  <footer>
    <p>版权所有 &copy; 2021 Minecraft 服务器官网</p>
  </footer>
</body>
</html>
<pre><code class="language-css">body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
}

header {
  background-color: #333;
  color: #fff;
  padding: 20px;
  text-align: center;
}

h1 {
  margin: 0;
}

main {
  max-width: 800px;
  margin: 20px auto;
  padding: 20px;
}

.server-info, .server-rules, .server-features {
  margin-bottom: 40px;
}

h2 {
  color: #333;
}

.server-ip, .server-version {
  font-weight: bold;
}

ul {
  padding-left: 20px;
}

footer {
  background-color: #333;
  color: #fff;
  padding: 10px;
  text-align: center;
}

footer p {
  margin: 0;
}
</code></pre>
<p>这个示例代码创建了一个简单的官网页面,包括服务器信息、服务器规则和服务器特色的部分。你可以根据自己的需求进行修改和扩展。记得将服务器的IP地址和版本更新为你自己的。希望对你有帮助!</p>

原文地址: https://www.cveoy.top/t/topic/pZtT 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录