nuykeeh

nuykeeh · May 11, 2024 · c4cc7bd · c4cc7bd
1 parent 32d6916
commit c4cc7bd
Show file tree

Hide file tree

Showing 2 changed files with 60 additions and 12 deletions.
diff --git a/index.css b/index.css
@@ -7,7 +7,7 @@
     color: #ffffff;
     font-family: musi;
     font-size: 32px;
-    position: fixed;
+    position: absolute;
     width: 100%;
     top: 35px;
     text-align: center;
@@ -16,7 +16,50 @@
   }
    .gnb{
     box-sizing: border-box;
-    background-color: #000000;
+    background-color: #111111;
     height: 150px;
     position: relative;
-  }
+  }
+  .container {
+    display: flex;
+    justify-content: center; /* 메인축 방향 가운데 정렬 */
+    gap: 60px;
+  }
+  .container{
+    font-family: musi;
+    font-size: 16px;
+    color: rgb(255, 255, 255);
+    position: absolute;
+    top: 103px;
+    left: 0;
+    width: 100%;
+    z-index: 1;
+    }
+    .gradien{
+      background-image: radial-gradient(circle, #272c30,#111111,#000000); /* Radial 그라데이션 적용 */
+      width: 100%;
+      position: relative;
+      top: 0;
+      left: 0;
+      height: 930px;
+    }
+    .Ai01{
+      z-index: 1
+    }
+    .container2 {
+      display: flex;
+      position: absolute;
+      width: 100%;
+      top: 247px;
+      font-size: 45px;
+      font-family: musi;
+      gap: 10px;
+      .itemai{
+        color: #0066FF;
+      }
+      .itemai2{
+        color: #ffffff;
+      } 
+      margin-left: 115px;
+    }
+
diff --git a/index.html b/index.html
@@ -9,14 +9,19 @@
 <body>
     <div class="gnb"></div>
     <div class="musinsa">MUSINSA</div>
-    <div class="div">
-        <div class="div2">추천</div>
-        <div class="div2">랭킹</div>
-        <div class="div2">뷰티</div>
-        <div class="div2">세일</div>
-        <div class="div2">스타일</div>
-        <div class="div2">이벤트</div>
+    <div class="container z-index: 1000;">
+        <div class="item">추천</div>
+        <div class="item">랭킹</div>
+        <div class="item">뷰티</div>
+        <div class="item">세일</div>
+        <div class="item">스타일</div>
+        <div class="item">이벤트</div>
+      </div>
+      <div class="gradien"></div>
+      <div class="container2">
+        <div class="itemai">nuykeeh</div>
+        <div class="itemai2">추천상품</div>
+
       </div>
-
 </body>
-</html>
+</html>