Bladeren bron

”万物墙“完成

zachary 4 jaren geleden
bovenliggende
commit
db01289c26
2 gewijzigde bestanden met toevoegingen van 27 en 5 verwijderingen
  1. 6 3
      index.html
  2. 21 2
      main.css

+ 6 - 3
index.html

@@ -24,9 +24,12 @@
                 <div class="item"><a href="" >参加云展</a></div>
                 <div class="item special-item"><a href="">往届博博会</a></div>
             </div>
-            <div id="wanwuqiang">
-                <div class="title">万物墙</div>
-                <img alt="背景板" src="backcloth.svg"/>
+            <div class="module wanwuqiang">
+                <img alt="背景板" class="img" src="backcloth.svg"/>
+                <div class="title">
+                    <p><span style="text-decoration: none;"></span></p>
+                    <p><span style="text-decoration: none;">万物墙</span></p>
+                </div>
             </div>
         </div>
         

+ 21 - 2
main.css

@@ -122,10 +122,29 @@ body{
     text-decoration:none;
 }
 
-#wanwuqiang{
+.module{
     border-width:0;;
     position:absolute;
-    top:1080px;
+    top:0;
     left:0;
     width:100%;
+    font-size: 48px;
+
+    text-align: center;
+}
+
+.wanwuqiang{
+    top:1080px;
+}
+
+.title{
+    position:absolute;
+    top:0;
+    left:0;
+    display: flex;
+    align-self: flex-start;
+    justify-content: center;
+    padding: 2px 2px 2px 2px;
+    box-sizing: border-box;
+    width: 100%;
 }