Browse Source

完成页面顶部基本布局

zachary 4 years ago
parent
commit
f671648906
4 changed files with 54 additions and 0 deletions
  1. 21 0
      index.html
  2. 32 0
      main.css
  3. 0 0
      main.js
  4. 1 0
      readme.md

+ 21 - 0
index.html

@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>第八届中国博物馆及相关产品与技术博览会</title>
+        <meta name="discription" content="第八届博博会"/>
+        <meta name="keyword" content="博物馆,文物,文化"/>
+        <meta name="author" content="zachary"/>
+        <link rel="stylesheet" href="./main.css" />
+    </head>
+    <body>
+        <div class="back-picture">
+            <div class="subject-picture"></div>
+            <div class="link-items">
+                <div class="item">点击看展</div>
+                <div class="item">参加云展</div>
+                <div class="item special-item">往届博博会</div>
+            </div>
+        </div>
+        
+    </body>
+</html>

+ 32 - 0
main.css

@@ -0,0 +1,32 @@
+.back-picture{
+    width: 100%;
+    padding-top:50px;
+    padding-bottom:80px;
+    margin-top:-50px;
+
+    background-color:darkseagreen;
+}
+
+.subject-picture{
+    width:1000px;
+    height:300px;
+    margin:100px auto;
+
+    background-color:darkkhaki;
+}
+
+.link-items{
+    background-color:cyan;
+    text-align: center;
+}
+
+.item{
+    display: inline-block;
+    font-size: large;
+    text-align: center;
+    width: 140px;
+    height:40px;
+    margin:0 40px 0 40px;
+    padding-top:14px;
+    background-color: #ff9933;
+}

+ 0 - 0
main.js


+ 1 - 0
readme.md

@@ -0,0 +1 @@
+完成博博会网页