diff --git "a/\345\210\230\351\207\221\346\265\267/css/base.css" "b/\345\210\230\351\207\221\346\265\267/css/base.css"
new file mode 100644
index 0000000000000000000000000000000000000000..889c79e8ab52a120d009c80fef19050da7081862
--- /dev/null
+++ "b/\345\210\230\351\207\221\346\265\267/css/base.css"
@@ -0,0 +1,19 @@
+/* CSS Document */
+#father{
+	   width:700px;
+	   height:1000px;
+	   margin:0 auto;
+	   }
+*{
+	   margin:0px;
+	   padding:0px;
+	   font-size:12px;
+		
+		}
+body{
+	   background-color:#FFD8D9;
+		
+		}
+ul{
+	list-style:none;}
+
diff --git "a/\345\210\230\351\207\221\346\265\267/css/left.css" "b/\345\210\230\351\207\221\346\265\267/css/left.css"
new file mode 100644
index 0000000000000000000000000000000000000000..24b3a3ee3e756a3f2e385b511efb68565c200de7
--- /dev/null
+++ "b/\345\210\230\351\207\221\346\265\267/css/left.css"
@@ -0,0 +1,70 @@
+/* CSS Document */
+#left{
+	width:180px;
+	height:820px;
+	background: url(../img/leftbottom.jpg) bottom no-repeat;
+	background-color: #FFF;
+	float:left;
+	
+	}
+#login ul{
+	list-style:none}
+#login{
+	width:180px;
+	background-image: url(../img/login.jpg);
+	background-repeat:no-repeat;
+	padding-left:25px;
+	padding-top:50px;
+	
+	}
+#login .txtStyle{
+	width:100px;
+	border-style:none;
+	border-bottom:solid 1px #000000;
+	}
+#login li{
+	margin-top:5px;
+	}
+#login .btnStyle{
+	width:40px;}
+#login a{
+	text-decoration:none;
+	color:#000;
+	}
+#login a:hover{
+	position:relative;
+	right:1px;
+	bottom:1px;
+	
+	}
+#fenlei{
+	
+	background-image: url(../img/category.jpg);
+	background-repeat:no-repeat;
+	padding:50px 24px 5px;
+	
+	
+	}
+#fenlei a{
+	text-decoration:none;
+	color:#000;
+	}
+#fenlei ul{
+	list-style:none;}
+#fenlei li{
+	line-height:25px;
+	background-image:url(img/icon1.gif);
+	background-repeat:no-repeat;
+	background-position:left center;
+	padding-left:15px;
+	border-bottom:dashed 1px #000000;}
+#fenlei a:hover{
+	position:relative;
+	text-decoration:underline;
+	color:#900;
+	bottom:1px;
+	right:1px;}
+#fenlei h3{
+	background-color:#F99;
+	margin-top:4px;
+	}
\ No newline at end of file
diff --git "a/\345\210\230\351\207\221\346\265\267/css/right.css" "b/\345\210\230\351\207\221\346\265\267/css/right.css"
new file mode 100644
index 0000000000000000000000000000000000000000..9e934e2f1b10fac3844892cb81053a3a7ecb9a74
--- /dev/null
+++ "b/\345\210\230\351\207\221\346\265\267/css/right.css"
@@ -0,0 +1,85 @@
+/* CSS Document */
+#right{
+	width:518px;
+	
+	float:right;
+	
+
+	
+	}
+#new{
+	width:518px;
+	height:112px;
+	background: url(../img/news.jpg) no-repeat #FFF ;
+	padding-top:33px;
+
+	}
+#new li{
+	float:left;
+	margin-left:2px;
+	padding-top:2px;
+	}
+#tuijan li:hover{
+	position:relative;
+	bottom:2px;
+	left:2px;}
+#tuijan{
+	margin-top:2px;
+	width:518px;
+	height:300px;
+	background: url(../img/recommend.jpg) #FFF no-repeat;
+	padding-top:33px;
+	
+	
+	}
+#tuijan li{
+	
+	float:left;
+	margin-left:18.8px;
+	text-align:center;
+	padding-top:5px;
+	
+	}
+#tuijan a{
+	color:#000;
+	text-decoration:none;}
+#xinpin{
+	margin-top:2px;
+	width:518px;
+	height:135px;
+	background: url(../img/fresh.jpg)  no-repeat #FFF;
+	padding-top:33px;
+	}
+#xinpin li{
+	float:left;
+	padding-left:18.8px;
+	padding-top:5px;
+	text-align:center;
+	}
+#xinpin a{
+	
+	text-decoration:none;
+	color:#000;}
+#daogou{
+	background: url(../img/tips.jpg) no-repeat #FFF;
+	height:80px;
+	padding:43px;
+	margin-top:2px;
+	
+	}
+#daogou li{
+	float:left;
+	width:200px;
+	background: url(../img/icon2.gif) no-repeat left center;
+	padding-left:15px;
+	line-height:20px;
+	
+	}
+#daogou a{
+	color:#000;
+	text-decoration:none;}
+#daogou li:hover{
+	position:relative;
+	bottom:1px;
+	left:1px;}
+	
diff --git "a/\345\210\230\351\207\221\346\265\267/css/top.css" "b/\345\210\230\351\207\221\346\265\267/css/top.css"
new file mode 100644
index 0000000000000000000000000000000000000000..6fa486cbf1876d0e3e4f15cfcf4b56dcb53b6b30
--- /dev/null
+++ "b/\345\210\230\351\207\221\346\265\267/css/top.css"
@@ -0,0 +1,36 @@
+/* CSS Document */
+#top{
+	width:700px;
+	height:153px;
+	margin-bottom:2px;
+
+	}
+#banner{
+	width:700px;
+	height:120px;
+	background-image: url(../img/banner.jpg);
+	}
+#nav ul{
+	list-style:none;
+	
+	}
+#nav li{
+	width:100px;
+	line-height:33px;
+	text-align:center;
+	float:left;
+	
+	}
+#nav a{
+	text-decoration:none;
+	color:#000;
+	background-image: url(../img/button1.jpg);
+	display:block;
+	}
+#nav a:hover{
+	background-image: url(../img/button1_bg.jpg);
+	position:relative;
+	bottom:1px;
+	right:1px;
+	
+	}
\ No newline at end of file
diff --git "a/\345\210\230\351\207\221\346\265\267/index.html" "b/\345\210\230\351\207\221\346\265\267/index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..09112a6a376a8e8576e7fcea21fbd4a9fc6d4db9
--- /dev/null
+++ "b/\345\210\230\351\207\221\346\265\267/index.html"
@@ -0,0 +1,145 @@
+<!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/top.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"/>
+</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="fenlei">
+<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>
+</div>
+</div>
+<div id="right">
+  <div id="new">
+    <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="tuijan">
+    <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="xinpin">
+    <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="daogou">
+    <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>