UPDATE

2026-03-12 22:56:33 +08:00
parent 4495ae0e28
commit 710852d8d0
9 changed files with 425 additions and 11 deletions
--- a/02-css-layout/04-position-badge/starter.html
+++ b/02-css-layout/04-position-badge/starter.html
@@ -4,7 +4,55 @@
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>定位与徽标</title>
-    <link rel="stylesheet" href="./starter.css" />
+    <style>
+      body{
+        background-color: rgb(247, 240, 230);
+        display: flex;
+        justify-content: center;
+      }
+
+      .card{
+        border: 1px solid rgba(254, 184, 114, 0.469);
+        border-radius: 15px;
+        background-color: white;
+        width: 400px;
+        height: 230px;
+        box-shadow: 10px 10px 15px rgba(252, 219, 186, 0.469);
+        margin-top: 150px;
+       position: relative;
+      }
+
+      .badge{
+        background-color: rgb(253, 133, 21);
+        color: white;
+        padding: 5px 8px 5px 10px;
+        border-radius: 20px;
+        width: 40px;
+        position: absolute;
+        right: 20px;
+        top: -10px;
+        
+      }
+      
+      h1{
+        margin-left: 20px;
+        margin-top: 50px;
+      }
+
+      p{
+        margin-left: 20px;
+        margin-bottom: 50px;
+      }
+
+      a{
+        text-decoration: none;
+        color: rgb(165, 75, 42);
+        font-weight: 800;
+        margin-bottom: 5px;
+        margin-left: 20px;
+        padding-bottom: 5px;
+      }
+    </style>
  </head>
  <body>
    <article class="card">