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/03-flex-layout/starter.html
+++ b/02-css-layout/03-flex-layout/starter.html
@@ -4,7 +4,40 @@
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Flex 布局</title>
-    <link rel="stylesheet" href="./starter.css" />
+    <style>
+      body{
+        background-color: rgb(244, 247, 251);
+      }
+     
+      .panel{
+        display: flex;
+        justify-content: space-around;
+        align-content: center;
+        padding: 40px;
+        gap: 20px;
+      }
+
+      .item{
+        flex:1;
+        background-color: white;
+        border: 1px solid rgba(102, 95, 95, 0.11);
+        border-radius: 20px;
+        padding: 20px 10px 15px 20px;
+        margin-top: 250px;
+        
+      }
+
+      a{
+        text-decoration: none;
+        color: green;
+        font-weight: 600;
+        margin-bottom: 20px;
+      }
+
+      p{
+        margin-bottom: 30px;
+      }
+    </style>
  </head>
  <body>
    <section class="panel">