diff --git "a/\346\236\227\345\263\260/css/base.css" "b/\346\236\227\345\263\260/css/base.css"
new file mode 100644
index 0000000000000000000000000000000000000000..d0e0664fcd60ca04e309e9a6aeffef2a0d67e70d
--- /dev/null
+++ "b/\346\236\227\345\263\260/css/base.css"
@@ -0,0 +1,15 @@
+/* CSS Document */
+#father{
+
+	width:700px;
+	height:1000px;
+	margin:0 auto;
+}
+body{
+	background-color:#FFD8D9;
+}
+*{
+	margin:0;
+	padding:0;
+	font-size:12px;
+}
\ No newline at end of file
diff --git "a/\346\236\227\345\263\260/css/left.css" "b/\346\236\227\345\263\260/css/left.css"
new file mode 100644
index 0000000000000000000000000000000000000000..3379268c44f67bbdcc6c23a73f10db761ef5bcbb
--- /dev/null
+++ "b/\346\236\227\345\263\260/css/left.css"
@@ -0,0 +1,49 @@
+#left{
+	width:180px;
+
+	float:left;
+	background:url(../img/leftbottom.jpg) no-repeat bottom #FFFFFF;
+}
+#login{
+	width:180px;
+	background:url(../img/login.jpg) no-repeat;
+	padding-top:50px;
+	padding-left:25px;
+}
+.txtStyle{
+	width:100px;
+	border:none;
+	border-bottom:solid 1px black;
+}
+#login li{
+	margin-top:5px;
+}
+.btnStyle{
+	width:40px;
+}
+#left a{
+	text-decoration:none;
+	color:#000;
+}
+#left a:hover{
+	position:relative;
+	bottom:1px;
+	right:1px;
+}
+#category{
+	background:url(../img/category.jpg) no-repeat ;
+	padding:50px 25px 5px;
+}
+#category li{
+	line-height:25px;
+	background:url(../img/icon1.gif) no-repeat left center;
+	padding-left:15px;
+	border-bottom:dashed 1px black;
+}
+#category a:hover{
+	text-decoration:underline;
+	color:#903;
+}
+#category h3{
+	background-color:#FFD8D9;
+}
\ No newline at end of file
diff --git "a/\346\236\227\345\263\260/css/right.css" "b/\346\236\227\345\263\260/css/right.css"
new file mode 100644
index 0000000000000000000000000000000000000000..a68d91c4542167eae2cb14d45425ea0a7d5dc63a
--- /dev/null
+++ "b/\346\236\227\345\263\260/css/right.css"
@@ -0,0 +1,78 @@
+/* CSS Document */
+#right{
+	width:518px;
+	background-color:#FFF;
+	float:right;
+	padding-bottom:2px;
+}
+#news{
+	 background:url(../img/news.jpg) no-repeat ;
+	 height:100px;
+	 padding-top:33px;
+	 margin-bottom:10px;
+
+}
+#news li{
+	float:left;
+	margin-top:2px;
+	margin-left:2px;
+}
+#lin{
+	background:url(../img/recommend.jpg) no-repeat white;
+	height:270px;
+	padding-top:33px;
+	margin-top:10px;
+
+}
+#lin li{
+	float:left;
+	margin-left:18.8px;
+	text-align:center;
+}
+#right a{
+	text-decoration:none;
+	color:#000;
+}
+#lin li:hover{
+	position:relative;
+	bottom:1px;
+	right:1px;
+}
+#opo{
+	background:url(../img/fresh.jpg) no-repeat white;
+	height:106px;
+	padding-top:33px;
+	margin-top:10px;
+}
+#opo li{
+	float:left;
+	margin-left:18.8px;
+	text-align:center;
+	margin-top:5px;
+}
+#opo a{
+	text-decoration:none;
+}
+#opo li:hover{
+	position:relative;
+	bottom:1px;
+	right:1px;
+}
+#kong{
+	background:url(../img/tips.jpg) no-repeat;
+	padding-left:60px;
+	margin-top:45px;
+	height:120px;
+	padding-top:33px;
+}
+#kong li{
+	float:left;
+	width:200px;
+	background:url(../img/icon2.gif) no-repeat center left;
+	line-height:35px;
+	padding-left:15px;
+}
+kong a{
+	text-decoration:none;
+	color:#000;
+}
diff --git "a/\346\236\227\345\263\260/css/top.css" "b/\346\236\227\345\263\260/css/top.css"
new file mode 100644
index 0000000000000000000000000000000000000000..1b809f7b0e7e7bf572940649acfe742ed68b8073
--- /dev/null
+++ "b/\346\236\227\345\263\260/css/top.css"
@@ -0,0 +1,33 @@
+/* CSS Document */
+#top{
+	width:700px;
+	height:153px;
+
+	margin-bottom:2px;
+}
+#banner{
+	width:700px;
+	height:120px;
+	background-image:url(../img/banner.jpg);
+}
+ul{
+	list-style:none;
+}
+#nav li{
+	float:left;
+	width:100px;
+	text-align:center;
+	line-height:33px;
+	background-image:url(../img/button1.jpg);
+}
+#nav a{
+	text-decoration:none;
+	color:#3F0F0F;
+	display:block;
+}
+#nav li:hover{
+	background:url(../img/button1_bg.jpg);
+	position:relative;
+	bottom:1px;
+	right:1px;
+}
diff --git "a/\346\236\227\345\263\260/index.html" "b/\346\236\227\345\263\260/index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..4b241bdf6258ef28bb3dd19108cd00b47d1a7d61
--- /dev/null
+++ "b/\346\236\227\345\263\260/index.html"
@@ -0,0 +1,146 @@
+<!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>
+</head>
+<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" />
+
+<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="category">
+<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>
+</div>
+</div>
+<div id="right">
+<div id="news">
+                <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="lin">
+                <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="opo">
+                <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="kong">
+                <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>