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/02-box-model-card/starter.html
+++ b/02-css-layout/02-box-model-card/starter.html
@@ -4,7 +4,59 @@
    <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(226, 239, 251);
+         display: flex;
+        justify-content: center;
+      }
+
+      .course-card{
+       
+        background-color: white;
+        border-radius: 20px;
+        margin-top: 50px;
+        width: 400px;
+        height: 300px;
+      }
+
+      .tag{
+        background-color: rgba(85, 128, 177, 0.223);
+        border-radius: 20px;
+        margin-top: 30px;
+        margin-left: 30px;
+        padding-top: 5px;
+        padding-left: 8px;
+        padding-bottom: 5px;
+        padding-right: 5px;
+        width: 90px;
+        color: blue;
+      }
+
+      h1{
+        margin-left: 30px;
+      }
+
+      p{
+        margin-left: 30px;
+      }
+
+      .actions{
+        background-color: blue;
+        width: 90px;
+        height: 35px;
+        margin-left: 30px;
+        padding-top: 13px;
+        border-radius: 10px;
+      }
+
+      a{
+        color: white;
+        text-decoration: none;
+        padding-left: 13px;
+        
+      }
+    </style>
  </head>
  <body>
    <article class="course-card">