ADD file via upload

12 months ago · 3568b2f858
parent 61d9eac3c6
commit 3568b2f858
1 changed files with 96 additions and 0 deletions
--- a/剑来.html
+++ b/剑来.html
@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <style>
+    body {
+      margin: 0;
+      padding: 0;
+      background: linear-gradient(to bottom right, #222, #444);
+      font-family: Arial, sans-serif;
+    }
+
+    header {
+      background-color: rgba(0, 0, 0, 0.5);
+      color: #fff;
+      padding: 20px;
+      text-align: center;
+    }
+
+    h1 {
+      font-size: 48px;
+      margin: 0;
+      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
+    }
+
+   .content {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      flex-direction: column;
+      padding: 40px;
+    }
+
+   .sword-image {
+      max-width: 400px;
+      box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5);
+      border-radius: 10px;
+    }
+
+   .quote {
+      font-style: italic;
+      font-size: 24px;
+      color: #ddd;
+      text-align: center;
+      margin-top: 30px;
+      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
+    }
+
+    /* 新增样式 */
+   .description {
+      color: #ccc;
+      font-size: 18px;
+      text-align: center;
+      margin: 20px 0;
+      max-width: 600px;
+    }
+
+   .button-container {
+      display: flex;
+      justify-content: center;
+      gap: 20px;
+      margin-top: 30px;
+    }
+
+   .button {
+      background-color: rgba(255, 255, 255, 0.1);
+      color: #fff;
+      padding: 10px 20px;
+      border: none;
+      border-radius: 5px;
+      cursor: pointer;
+      transition: background-color 0.3s ease;
+    }
+
+   .button:hover {
+      background-color: rgba(255, 255, 255, 0.2);
+    }
+  </style>
+</head>
+
+<body>
+  <header>
+    <h1>《剑来》</h1>
+  </header>
+  <div class="content">
+    <img class="sword-image" src="OIP-C (1).jpg" alt="一把霸气的宝剑">
+    <p class="quote">"我有一剑，可搬山，倒海，降妖，镇魔，敕神，摘星，断江，摧城，开天！"</p>
+    <p class="description">大千世界，无奇不有。我陈平安，唯有一剑，可搬山，倒海，降妖，镇魔，敕神，摘星，断江，摧城，开天————我叫陈平安，平平安安的平安，我是一名剑客。</p>
+    <div class="button-container">
+      <button class="button">了解更多</button>
+      <button class="button">分享</button>
+    </div>
+  </div>
+</body>
+
+</html>