[+] 404

2021-12-09 12:13:40 -05:00
parent 49e2599ca5
commit 4fff02a850
2 changed files with 55 additions and 0 deletions
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>FOF</title>
+</head>
+<body>
+<div class="four1">Four</div>
+<div class="oh">Oh</div>
+<div class="four2">Four</div>
+</body>
+
+<style>
+    body
+    {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-direction: column;
+        height: 100%;
+        font-family: "Microsoft YaHei UI", Avenir, Helvetica, Arial, sans-serif;
+        font-size: 20em;
+        text-transform: uppercase;
+        margin: 0;
+
+        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' \
+        height='50px' width='50px'><text x='0' y='15' font-family='Avenir, Helvetica, Arial, sans-serif' \
+        fill='lightgray' transform='translate(15, 15) rotate(-45)' font-size='10'>肆零肆</text></svg>");
+    }
+    html
+    {
+        height: 100%;
+    }
+    .four2, .oh
+    {
+        margin-top: -300px;
+    }
+    .four1
+    {
+        margin-left: -100px;
+        color: #ff8373;
+    }
+    .oh
+    {
+        color: khaki;
+    }
+    .four2
+    {
+        margin-right: -100px;
+        color: cornflowerblue;
+    }
+
+</style>
+</html>
@@ -20,6 +20,7 @@
      flex-direction: column;
      height: 100%;
      font-family: "Microsoft YaHei UI", Avenir, Helvetica, Arial, sans-serif;
+      margin: 0;
  }
  html
  {