final edit

GDG-on-Campus-SKHU · Sep 29, 2024 · 85e72f4 · 85e72f4
1 parent caca37e
commit 85e72f4
Show file tree

Hide file tree

Showing 10 changed files with 76 additions and 87 deletions.
diff --git a/전병주/jgfg.html b/전병주/jgfg.html
diff --git a/전병주/project1.css b/전병주/project1.css
@@ -30,39 +30,3 @@ div {
   box-shadow: 10px 10px 5px gray;
   cursor: pointer;
 }
-
-.part-1:hover {
-  background-color: red;
-}
-
-.part-2:hover {
-  background-color: blue;
-}
-
-.part-3:hover {
-  background-color: green;
-}
-
-.part-4:hover {
-  background-color: yellow;
-}
-
-.part-5:hover {
-  background-color: orange;
-}
-
-.part-6:hover {
-  background-color: blueviolet;
-}
-
-.part-7:hover {
-  background-color: aqua;
-}
-
-.part-8:hover {
-  background-color: darkblue;
-}
-
-.part-9:hover {
-  background-color: coral;
-}
diff --git a/전병주/project1.html b/전병주/project1.html
@@ -8,25 +8,25 @@
   </head>
   <body>
     <div>
-    <table class="table-box">
-      <tr>
-        <td class="part-1">1</td>
-        <td class="part-2">2</td>
-        <td class="part-3">3</td>
-      </tr>
+      <table class="table-box">
+        <tr>
+          <td class="part-1">1</td>
+          <td class="part-2">2</td>
+          <td class="part-3">3</td>
+        </tr>
 
-      <tr>
-        <td class="part-4">4</td>
-        <td class="part-5">5</td>
-        <td class="part-6">6</td>
-      </tr>
+        <tr>
+          <td class="part-4">4</td>
+          <td class="part-5">5</td>
+          <td class="part-6">6</td>
+        </tr>
 
-      <tr>
-        <td class="part-7">7</td>
-        <td class="part-8">8</td>
-        <td class="part-9"><span>9</span></td>
-      </tr>
-    </table>
-    <div>
+        <tr>
+          <td class="part-7">7</td>
+          <td class="part-8">8</td>
+          <td class="part-9"><span>9</span></td>
+        </tr>
+      </table>
+    </div>
   </body>
 </html>
diff --git a/전병주/project2.css b/전병주/project2.css
@@ -25,7 +25,8 @@ body {
 }
 
 .byeongju {
-  margin-bottom: 15px;
+  padding-top: 10px;
+  margin-bottom: 10px;
   font-size: 18px;
 }
 

diff --git a/전병주/project3.css b/전병주/project3.css
@@ -21,14 +21,6 @@ td {
   text-align: center;
 }
 
-.part-5 {
-  background-color: yellow;
-}
-
-span {
-  color: red;
-}
-
 .container {
   border: 1px solid black;
   box-shadow: 10px 10px 5px gray;
@@ -71,25 +63,40 @@ span {
   background-color: coral;
 }
 
-.container {
+.box-1 {
   display: flex;
   justify-content: center;
   align-items: center;
   border: 1px solid gray;
 }
 
-.box {
+.box-2 {
   background-color: white;
   padding: 20px;
   border-radius: 8px;
-  width: 300px;
+  width: 800px;
+  height: 250px;
+  position: relative;
 }
 
 .byeongju {
-  margin-bottom: 15px;
+  padding-top: 50px;
+  margin-bottom: 3px;
   font-size: 18px;
 }
 
-span {
+.box-1 {
+  position: absolute;
+  z-index: 1;
+}
+
+.container {
+  position: absolute;
+  background-color: white;
+  z-index: 2;
+  bottom: 100px;
+}
+
+strong {
   color: blue;
 }
diff --git a/전병주/project3.html b/전병주/project3.html
@@ -24,11 +24,13 @@
         <tr>
           <td class="part-7">7</td>
           <td class="part-8">8</td>
-          <td class="part-9"><span>9</span></td>
+          <td class="part-9">9</td>
         </tr>
       </table>
+    </div>
 
-      <div id="box2" class="box">
+    <div id="box2" class="box-1">
+      <div id="box2" class="box-2">
         <div class="byeongju">
           <span><strong>학번:</strong></span> 202114128
         </div>

diff --git a/전병주/project4.css b/전병주/project4.css
@@ -15,7 +15,7 @@ table {
 }
 
 table td[colspan] {
-  padding-left: 40px;
+  padding-left: 5px;
   text-align: left;
 }
 

diff --git a/전병주/test1style.css b/전병주/test1style.css
@@ -14,28 +14,34 @@ html {
 header {
   display: flex;
   justify-content: space-between;
-  border-bottom: 1px solid black;
+  height: 60px;
 }
 
 .header-1 {
   flex: 1;
   border-left: 1px solid black;
   padding: 10px;
   text-align: left;
+  padding-left: 1px;
+  padding-top: 1px;
 }
 
 .header-2 {
   flex: 4;
   border-left: 1px solid black;
   padding: 10px;
   text-align: left;
+  padding-left: 1px;
+  padding-top: 1px;
 }
 
 .header-3 {
   flex: 2;
   border-left: 1px solid black;
   padding: 10px;
   text-align: left;
+  padding-left: 1px;
+  padding-top: 1px;
 }
 .header-part:first-child {
   border-left: none;
@@ -49,9 +55,10 @@ header {
 
 main {
   flex: 1;
-  border-right: 1px solid black;
   padding: 10px;
   text-align: left;
+  padding-left: 1px;
+  padding-top: 1px;
 }
 
 aside {
@@ -70,14 +77,19 @@ aside {
   align-items: flex-start;
   padding: 10px;
   text-align: left;
+  padding-left: 1px;
+  padding-top: 1px;
 }
 
 .aside-part:first-child {
-  border-top: none; /* 첫 번째 aside-part의 상단 테두리 제거 */
+  border-top: none;
 }
 
 footer {
-  border-top: 1px solid black; /* 하단 테두리만 유지 */
+  border-top: 1px solid black;
   padding: 10px;
   text-align: left;
+  padding-left: 1px;
+  padding-top: 1px;
+  height: 60px;
 }
diff --git a/전병주/test2.html b/전병주/test2.html
@@ -23,9 +23,7 @@
         </div>
         <button class="login-button">로그인</button>
         <div class="links">
-          <a href="#" class="link">이메일 찾기</a>
-          <a href="#" class="link">비밀번호 찾기</a>
-          <a href="#" class="link">회원가입</a>
+          <a href="#" class="link">이메일 찾기 | 비밀번호 찾기 | 회원가입</a>
         </div>
         <div class="simple-login">
           <p>간편로그인</p>

diff --git a/전병주/test2style.css b/전병주/test2style.css
@@ -29,6 +29,7 @@ nav {
   border: none;
   border-radius: 5px;
   cursor: pointer;
+  background-color: white;
 }
 
 .container {
@@ -63,24 +64,25 @@ nav {
 }
 
 .login-image {
-  width: 100%;
+  width: 50%;
   height: auto;
-  margin-bottom: 15px;
+  margin: 0 auto;
+  display: block;
 }
 
 .input-email {
   width: 100%;
   padding: 10px;
   margin-bottom: 10px;
-  border: 1px solid gray;
+  border: 0.5px solid gray;
   border-radius: 5px;
 }
 
 .input-password {
   width: 100%;
   padding: 10px;
   margin-bottom: 10px;
-  border: 1px solid gray;
+  border: 0.5px solid gray;
   border-radius: 5px;
 }
 
@@ -111,28 +113,31 @@ nav {
 .links {
   display: flex;
   justify-content: space-between;
-  margin: 15px 0;
+  margin-right: 10px 0;
 }
 
 .link {
   text-decoration: none;
+  font-size: 15px;
   color: gray;
+  padding-left: 50px;
 }
 
 .simple-login {
   text-align: center;
-  margin: 10px 0;
+  margin: 20px 0;
   color: gray;
 }
 
 .logos {
   display: flex;
   justify-content: space-around;
-  margin-top: 20px;
+  margin-top: 10px;
 }
 
 .logo {
   width: 40px;
-  height: auto;
-  box-shadow: 5px 5px 2px gray;
+  display: flex;
+  justify-content: space-around;
+  margin-top: 10px;
 }