From fdbd3dceb26ce38d5feb51808a843f1dd1a08db9 Mon Sep 17 00:00:00 2001
From: liu-xianyu <1348870583@qq.com>
Date: Wed, 9 Dec 2020 11:38:21 +0800
Subject: [PATCH] first commit

---
 liu-z/css/base.css  |  14 +++++
 liu-z/css/left.css  |  54 ++++++++++++++++
 liu-z/css/right.css |  72 ++++++++++++++++++++++
 liu-z/css/top.css   |  36 +++++++++++
 liu-z/untitled.html | 147 ++++++++++++++++++++++++++++++++++++++++++++
 5 files changed, 323 insertions(+)
 create mode 100644 liu-z/css/base.css
 create mode 100644 liu-z/css/left.css
 create mode 100644 liu-z/css/right.css
 create mode 100644 liu-z/css/top.css
 create mode 100644 liu-z/untitled.html

diff --git a/liu-z/css/base.css b/liu-z/css/base.css
new file mode 100644
index 0000000..77da4c7
--- /dev/null
+++ b/liu-z/css/base.css
@@ -0,0 +1,14 @@
+/*cSS Document */
+#father{ width:700px;
+          height:1000px;
+		  margin:0 auto;
+		 
+	
+}
+*{ margin:0;
+padding:0;
+font-size:12px;
+	}
+body{
+	background-color:#ffd8d9;
+	}
diff --git a/liu-z/css/left.css b/liu-z/css/left.css
new file mode 100644
index 0000000..c15defe
--- /dev/null
+++ b/liu-z/css/left.css
@@ -0,0 +1,54 @@
+/* CSS Document */
+#left {
+	width: 180px;
+	float: left;
+	background:url(../img/leftbottom.jpg) no-repeat bottom white;
+}
+#login {
+	width: 180px;
+	background: url(../img/login.jpg) no-repeat;
+	padding-top: 50px;
+	padding-left: 25px;
+}
+#left ul {
+	list-style: none;
+}
+#login li {
+	margin-top: 15px;
+}
+#login .txtStyle {
+	width: 100px;
+	border-style: none;
+	border-bottom: solid 1px black;
+}
+#login .btnStyle {
+	width: 40px;
+}
+#left a {
+	text-decoration: none;
+	color: black;
+}
+#left a:hover {
+	position: relative;
+	right: 1px;
+	bottom: 1px;
+}
+#fen {
+	background: url(../img/category.jpg) no-repeat;
+	padding: 50px 24px 5px;
+}
+#fen li {
+	line-height: 25px;
+	background: url(../img/icon1.gif) no-repeat;
+	padding-left: 15px;
+	background-position: left;
+	border-bottom: dashed 1px black;
+}
+#fen h3 {
+	background-color: #FF8D9D;
+	margin-top: 10px;
+}
+#fen a:hover{
+	color:pink;
+	text-decoration:underline;
+	}
\ No newline at end of file
diff --git a/liu-z/css/right.css b/liu-z/css/right.css
new file mode 100644
index 0000000..b65583e
--- /dev/null
+++ b/liu-z/css/right.css
@@ -0,0 +1,72 @@
+/* CSS Document */
+#right{
+	width:518px;
+	
+	float:right;
+	}
+ ul{
+	 list-style:none;
+	 }	
+#kuai{
+	width:518px;
+	height:107px;
+	background:url(../img/news.jpg) no-repeat;
+	padding-top:36px;
+	}
+#kuai li{
+	float:left;
+	margin-left:2px;
+	}
+#right a:hover{
+	position:relative;
+	bottom:1px;
+	right:1px;
+}
+#tui {
+	background:url(../img/recommend.jpg) no-repeat #FFF;
+	width:516px;
+	height:300px;
+	padding-top:33px;
+	padding-bottom:2px;
+	}
+#tui li{
+	float:left;
+	text-align:center;
+	margin-left:18.8px;
+	}
+#right a{
+	text-decoration:none;
+	color:black;
+	}
+#xin {
+	background:url(../img/fresh.jpg) no-repeat #FFF;
+	width:516px;
+	height:128px;
+	padding-top:33px;
+	padding-bottom:2px;
+	}
+#xin li{
+	float:left;
+	text-align:center;
+	margin-left:18.8px;
+}
+#hua {
+	width:500px;
+	height:196px;
+	background:url(../img/tips.jpg) no-repeat #FFF;
+	padding-top:43px;
+	padding-left:16px;
+	
+	}
+#hua li{
+	background:url(../img/icon2.gif) no-repeat center left;
+	float:left;
+	padding-left:25px;
+	width:200px;
+	line-height:40px;
+	
+	}		
+	
+
+
+
diff --git a/liu-z/css/top.css b/liu-z/css/top.css
new file mode 100644
index 0000000..07a364f
--- /dev/null
+++ b/liu-z/css/top.css
@@ -0,0 +1,36 @@
+/* CSS Document */
+#top{ width:700px;
+      height:153px;
+	
+}
+
+#banner{ width:700px;
+         height:120px;
+		 background:url(../img/banner.jpg) no-repeat;
+		 
+}
+ ul{ list-style:none;
+	}
+#nav li{ float:left;
+         width:100px;
+		 text-align:center;
+		 line-height:33px;
+		
+
+}
+#nav a{
+	text-decoration:none;
+	color:#000;
+	background:url(../img/button1.jpg);
+	display:block;
+	
+
+	
+
+}
+#nav a:hover{ position:relative;
+               bottom:1px;
+			   right:1px;
+			   background-image:url(../img/button1_bg.jpg)
+
+}
\ No newline at end of file
diff --git a/liu-z/untitled.html b/liu-z/untitled.html
new file mode 100644
index 0000000..057d530
--- /dev/null
+++ b/liu-z/untitled.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>满花屋</title>
+<link href="css/base.css" type="text/css" rel="stylesheet" />
+<link href="css/left.css" type="text/css" rel="stylesheet" />
+<link href="css/right.css" type="text/css" rel="stylesheet" />
+<link href="css/top.css" type="text/css" rel="stylesheet" />
+</head>
+
+<body>
+<div id="father">
+  <div id="top">
+    <div id="banner"></div>
+    <div id="nav">
+      <ul>
+        <li><a href="#">鲜花礼品</a></li>
+        <li><a href="#">自助订花</a></li>
+        <li><a href="#">绿色植物</a></li>
+        <li><a href="#">花之物语</a></li>
+        <li><a href="#">会员中心</a></li>
+        <li><a href="#">联系我们</a></li>
+        <li><a href="#">支付方式</a></li>
+      </ul>
+    </div>
+  </div>
+  <div id="left">
+    <div id="login">
+      <form action="#" method="post" name="frmLogin">
+        <ul>
+          <li>用户:
+            <input name="txtUsername" type="text" class="txtStyle" />
+          </li>
+          <li>密码:
+            <input name="txtPwd" type="password" class="txtStyle" />
+          </li>
+          <li>
+            <input name="btnSubmit" type="button" value="登录" class="btnStyle" />
+            <input name="btnReg" type="button" value="注册" class="btnStyle" />
+            <a href="#">忘记密码</a></li>
+        </ul>
+      </form>
+    </div>
+    <div id="fen">
+      <h3>用途</h3>
+      <ul>
+        <li><a href="#">爱情鲜花</a></li>
+        <li><a href="#">生日送花</a></li>
+        <li><a href="#">新年鲜花</a></li>
+        <li><a href="#">家庭用花</a></li>
+        <li><a href="#">亲情用花</a></li>
+        <li><a href="#">道歉鲜花</a></li>
+        <li><a href="#">开业花篮</a></li>
+        <li><a href="#">会议用花</a></li>
+      </ul>
+      <h3>花材</h3>
+      <ul>
+        <li><a href="#">玫瑰花</a></li>
+        <li><a href="#">百合花</a></li>
+        <li><a href="#">郁金香</a></li>
+        <li><a href="#">太阳花</a></li>
+        <li><a href="#">康乃馨</a></li>
+        <li><a href="#">马蹄莲</a></li>
+        <li><a href="#">扶朗</a></li>
+        <li><a href="#">剑兰</a></li>
+      </ul>
+      <h3>价格</h3>
+      <ul>
+        <li><a href="#">100～200元</a></li>
+        <li><a href="#">200～300元</a></li>
+        <li><a href="#">300～400元</a></li>
+        <li><a href="#">400～500元</a></li>
+        <li><a href="#">500～600元</a></li>
+        <li><a href="#">600～800元</a></li>
+        <li><a href="#">800元以上</a></li>
+      </ul>
+    </div>
+  </div>
+  <div id="right">
+    <div id="kuai">
+      <ul>
+        <li><a href="#"><img src="img/news1.jpg" /></a></li>
+        <li><a href="#"><img src="img/news2.jpg" /></a></li>
+        <li><a href="#"><img src="img/news3.jpg" /></a></li>
+      </ul>
+    </div>
+    <div id="tui">
+      <ul>
+        <li><a href="#"><img src="img/flower1.jpg" /><br />
+          幸福的味道<br />
+          </a>￥288元</li>
+        <li><a href="#"><img src="img/flower2.jpg" /><br />
+          阳光守护你<br />
+          </a>￥300元</li>
+        <li><a href="#"><img src="img/flower3.jpg" /><br />
+          温情永远<br />
+          </a>￥268元</li>
+        <li><a href="#"><img src="img/flower4.jpg" /><br />
+          爱无界<br />
+          </a>￥318元</li>
+        <li><a href="#"><img src="img/flower5.jpg" /><br />
+          亲亲宝贝<br />
+          </a>￥368元</li>
+        <li><a href="#"><img src="img/flower6.jpg" /><br />
+          相信是缘<br />
+          </a>￥188元</li>
+        <li><a href="#"><img src="img/flower7.jpg" /><br />
+          水晶童话<br />
+          </a>￥198元</li>
+        <li><a href="#"><img src="img/flower8.jpg" /><br />
+          天使之爱<br />
+          </a>￥268元</li>
+      </ul>
+    </div>
+    <div id="xin">
+      <ul>
+        <li><a href="#"><img src="img/flower9.jpg" /><br />
+          亲亲宝贝<br />
+          </a></li>
+        <li><a href="#"><img src="img/flower10.jpg" /><br />
+          相信是缘<br />
+          </a></li>
+        <li><a href="#"><img src="img/flower11.jpg" /><br />
+          水晶童话<br />
+          </a></li>
+        <li><a href="#"><img src="img/flower12.jpg" /><br />
+          天使之爱<br />
+          </a></li>
+      </ul>
+    </div>
+    <div id="hua">
+      <ul>
+        <li><a href="#">各种鲜花代表的含义</a></li>
+        <li><a href="#">花的喜怒哀乐与人的各种感觉</a></li>
+        <li><a href="#">养花与养生之道</a></li>
+        <li><a href="#">每天清晨的第一缕阳光</a></li>
+        <li><a href="#">花香的味道</a></li>
+        <li><a href="#">世界各地关于送花的习俗</a></li>
+        <li><a href="#">种花与送花</a></li>
+        <li><a href="#">手捧一束鲜花的等待</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+</body>
+</html>
-- 
Gitee