diff --git "a/\346\235\250\346\210\220\350\261\252/\344\275\234\344\270\232/20241028-flex\347\255\233\345\255\220\345\270\203\345\261\200.html" "b/\346\235\250\346\210\220\350\261\252/\344\275\234\344\270\232/20241028-flex\347\255\233\345\255\220\345\270\203\345\261\200.html"
index 6f01dee49fb73c64fa9a8abe46ec3cf5bb61cfed..13615b8538c5344a459c67483ef2be94307623ee 100644
--- "a/\346\235\250\346\210\220\350\261\252/\344\275\234\344\270\232/20241028-flex\347\255\233\345\255\220\345\270\203\345\261\200.html"
+++ "b/\346\235\250\346\210\220\350\261\252/\344\275\234\344\270\232/20241028-flex\347\255\233\345\255\220\345\270\203\345\261\200.html"
@@ -1,10 +1,11 @@
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Document</title>
     <style>
-        .one{
+        .one {
             width: 100px;
             height: 100px;
             border: 2px solid red;
@@ -13,13 +14,18 @@
             justify-content: center;
             align-items: center;
         }
-        .round{
+
+        .round {
             width: 0;
             height: 0;
             border: 8px solid black;
             border-radius: 80%;
         }
-        .two,.three,.four{
+
+        .two,
+        .three,
+        .four,
+        .five {
             width: 100px;
             height: 100px;
             border: 2px solid red;
@@ -30,36 +36,153 @@
             justify-content: center;
             justify-content: space-around;
         }
-        .t1{
+
+        .t1 {
             margin-left: -54px;
         }
-        .t5{
+
+        .t2 {
             margin-right: -54px;
         }
 
+        .f1 {
+            width: 100px;
+            height: 50px;
+            display: flex;
+            justify-content: center;
+            justify-content: space-around;
+            align-items: center;
+        }
+
+        .f2 {
+            width: 100px;
+            height: 50px;
+            display: flex;
+            justify-content: space-around;
+            align-items: center;
+        }
+        .f2 div:nth-child(1){
+            margin-left: -18px;
+        }
+        .f2 div:nth-child(2){
+            margin-right: -18px;
+        }
     </style>
 </head>
+
 <body>
     <!-- 一点 -->
     <!-- <div class="one">
         <div class="round"></div>
     </div> -->
+
     <!-- 二点 -->
     <!-- <div class="two">
-        <div class="t1 round"></div>
-        <div class="t2 round"></div>
+        <div class="round"></div>
+        <div class="round"></div>
     </div> -->
+
     <!-- 三点 -->
     <!-- <div class="three">
         <div class="t1 round"></div>
         <div class="round"></div>
         <div class="t2 round"></div>
     </div> -->
+
+    <!-- 四点 -->
     <!-- <div class="four">
-        <div class="f1"></div>
-        <div class="f2"></div>
-        <div class="f3"></div>
-        <div class="f4"></div>
+        <div class="f1">
+            <div class="round"></div>
+            <div class="round"></div>
+        </div>
+        <div class="f1">
+            <div class="round"></div>
+            <div class="round"></div>
+        </div>
     </div> -->
+
+    <!-- 五点 -->
+    <!-- <div class="five">
+        <div class="f1">
+            <div class="round"></div>
+            <div class="round"></div>
+        </div>
+        <div class="round"></div>
+        <div class="f1">
+            <div class="round"></div>
+            <div class="round"></div>
+        </div>
+    </div> -->
+
+    <!-- 六点 -->
+    <!-- <div class="five">
+        <div class="f1">
+            <div class="round"></div>
+            <div class="round"></div>
+        </div>
+        <div class="f1">
+            <div class="round"></div>
+            <div class="round"></div>
+        </div>
+        <div class="f1">
+            <div class="round"></div>
+            <div class="round"></div>
+        </div>
+    </div> -->
+
+    <!-- 七点 -->
+    <!-- <div class="five">
+        <div class="f1">
+            <div class="round"></div>
+            <div class="round"></div>
+            <div class="round"></div>
+        </div>
+        <div class="f1">
+            <div class="round"></div>
+        </div>
+        <div class="f1">
+            <div class="round"></div>
+            <div class="round"></div>
+            <div class="round"></div>
+        </div>
+    </div> -->
+
+    <!-- 八点 -->
+    <!-- <div class="five">
+        <div class="f1">
+            <div class="round"></div>
+            <div class="round"></div>
+            <div class="round"></div>
+        </div>
+        <div class="f2">
+            <div class="round"></div>
+            <div class="round"></div>
+        </div>
+        <div class="f1">
+            <div class="round"></div>
+            <div class="round"></div>
+            <div class="round"></div>
+        </div>
+    </div> -->
+
+    <!-- 九点 -->
+      <div class="five">
+        <div class="f1">
+            <div class="round"></div>
+            <div class="round"></div>
+            <div class="round"></div>
+        </div>
+        <div class="f1">
+            <div class="round"></div>
+            <div class="round"></div>
+            <div class="round"></div>
+        </div>
+        <div class="f1">
+            <div class="round"></div>
+            <div class="round"></div>
+            <div class="round"></div>
+        </div>
+    </div>
 </body>
+
 </html>
\ No newline at end of file
