diff --git "a/\346\235\250\344\270\260\350\261\252/\344\270\234\344\270\234/\346\273\241\350\212\261\345\261\213\351\253\230\351\205\215\347\211\210/father.css" "b/\346\235\250\344\270\260\350\261\252/\344\270\234\344\270\234/\346\273\241\350\212\261\345\261\213\351\253\230\351\205\215\347\211\210/father.css"
new file mode 100644
index 0000000000000000000000000000000000000000..2459edfc3b7c68fe03c6f26ee10da7635b30c47d
--- /dev/null
+++ "b/\346\235\250\344\270\260\350\261\252/\344\270\234\344\270\234/\346\273\241\350\212\261\345\261\213\351\253\230\351\205\215\347\211\210/father.css"
@@ -0,0 +1,6 @@
+/* CSS Document */
+#father{width:700px;margin:0 auto;}
+
+*{margin:0px; padding:0px; font-size:12px;}
+
+body{background-color:#FFD8D9}
diff --git "a/\346\235\250\344\270\260\350\261\252/\344\270\234\344\270\234/\346\273\241\350\212\261\345\261\213\351\253\230\351\205\215\347\211\210/left.css" "b/\346\235\250\344\270\260\350\261\252/\344\270\234\344\270\234/\346\273\241\350\212\261\345\261\213\351\253\230\351\205\215\347\211\210/left.css"
new file mode 100644
index 0000000000000000000000000000000000000000..f1cfd34044ecc6d26c87b2c602ce5af20320d729
--- /dev/null
+++ "b/\346\235\250\344\270\260\350\261\252/\344\270\234\344\270\234/\346\273\241\350\212\261\345\261\213\351\253\230\351\205\215\347\211\210/left.css"
@@ -0,0 +1,32 @@
+/* CSS Document */
+#left{ background:url(../ing/leftbottom.jpg) no-repeat bottom #FFFFFF; width:180px; float:left;}
+
+#login1{background-image:url(../ing/login.jpg); width:180px; height:50px;}
+
+#login{margin-left:20px;}
+
+#login ul{list-style:none;}
+
+#login .txtStyle{border-style:none; width:100px; border-bottom:solid 1px #000;}
+
+#login li{margin-top:5px;}
+
+#login .btnStyle{width:40px;}
+
+#login a{text-decoration:none; color:#000;}
+
+#left a:hover{position:relative; bottom:2px; right:2px;}
+
+#categorys1{background-image:url(../ing/category.jpg); width:180px; height:50px;}
+
+#categorys ul{list-style:none;}
+
+#categorys a{text-decoration:none; color:#000;}
+
+#categorys{padding:0px 24px 5px;}
+
+#categorys li{line-height:25px; background-image:url(../ing/icon1.gif); background-repeat:no-repeat; background-position: left center; padding-left:15px; border-bottom:dashed 1px;}
+
+h3{background-color:#FFD8D9; margin-top:5px;}
+
+
diff --git "a/\346\235\250\344\270\260\350\261\252/\344\270\234\344\270\234/\346\273\241\350\212\261\345\261\213\351\253\230\351\205\215\347\211\210/right.css" "b/\346\235\250\344\270\260\350\261\252/\344\270\234\344\270\234/\346\273\241\350\212\261\345\261\213\351\253\230\351\205\215\347\211\210/right.css"
new file mode 100644
index 0000000000000000000000000000000000000000..239efe946512edb319beea20d94780aaff3992f4
--- /dev/null
+++ "b/\346\235\250\344\270\260\350\261\252/\344\270\234\344\270\234/\346\273\241\350\212\261\345\261\213\351\253\230\351\205\215\347\211\210/right.css"
@@ -0,0 +1,26 @@
+/* CSS Document */
+#right{width:518px;float:right;}
+
+#news{width:518px; height:107px; background:url(../ing/news.jpg) no-repeat; padding-top:36px;}
+
+#news li{float:left; margin-left:2px;}
+
+#right a:hover{position:relative; bottom:2px; right:2px;}
+
+ul{list-style:none;}
+
+a{text-transform:none;}
+
+#recommed{padding-top:33px; margin:2px;background:url(../ing/recommend.jpg) no-repeat #FFF; width:516px; height:282px;}
+
+#recommed li{float:left; text-align:center; color:#000; margin-left:18.8px;}
+
+#right a{color:#000; text-decoration:none;}
+
+#news-arrival{padding-top:33px; margin:2px; background:url(../ing/fresh.jpg) no-repeat #FFF; width:516px; height:138px;}
+
+#news-arrival li{float:left; text-align:center; color:#000; margin-left:18.8px;}
+
+#one{background:url(../ing/tips.jpg) no-repeat #FFF;height:155px; padding-top:43px; padding-left:50px;}
+
+#one li{background:url(../ing/icon2.gif) left center no-repeat; float:left; padding-left:15px; width:200px; line-height:40px;}
\ No newline at end of file
diff --git "a/\346\235\250\344\270\260\350\261\252/\344\270\234\344\270\234/\346\273\241\350\212\261\345\261\213\351\253\230\351\205\215\347\211\210/top.css" "b/\346\235\250\344\270\260\350\261\252/\344\270\234\344\270\234/\346\273\241\350\212\261\345\261\213\351\253\230\351\205\215\347\211\210/top.css"
new file mode 100644
index 0000000000000000000000000000000000000000..757f91db509f5b5796ccbe4b0c629c8a998ecf1e
--- /dev/null
+++ "b/\346\235\250\344\270\260\350\261\252/\344\270\234\344\270\234/\346\273\241\350\212\261\345\261\213\351\253\230\351\205\215\347\211\210/top.css"
@@ -0,0 +1,12 @@
+/* CSS Document */
+#top{width:700px; height:153px;margin-bottom:2px;}
+
+#banner{background-image:url(../ing/banner.jpg); width:700px; height:120px;}
+
+#nav ul{list-style:none;}
+
+#nav li{ float:left; text-align:center; line-height:33px; width:100px;}
+
+#nav a{background-image:url(../ing/button1.jpg); display:block; color:#5E252D; text-decoration:none;}
+
+#nav a:hover{background-image:url(../ing/button1_bg.jpg); position:relative; bottom:2px; right:2px;}
diff --git "a/\346\235\250\344\270\260\350\261\252/\344\270\234\344\270\234/\346\273\241\350\212\261\345\261\213\351\253\230\351\205\215\347\211\210/\346\273\241\350\212\261\345\261\213\351\241\266\347\211\210.html" "b/\346\235\250\344\270\260\350\261\252/\344\270\234\344\270\234/\346\273\241\350\212\261\345\261\213\351\253\230\351\205\215\347\211\210/\346\273\241\350\212\261\345\261\213\351\241\266\347\211\210.html"
new file mode 100644
index 0000000000000000000000000000000000000000..8f4e50206ba6c9fab84e9e04f733d937c00b2930
--- /dev/null
+++ "b/\346\235\250\344\270\260\350\261\252/\344\270\234\344\270\234/\346\273\241\350\212\261\345\261\213\351\253\230\351\205\215\347\211\210/\346\273\241\350\212\261\345\261\213\351\241\266\347\211\210.html"
@@ -0,0 +1,149 @@
+
+<!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/father.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="login1"></div>
+    <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="categorys1"></div>
+    <div id="categorys">
+      <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="news">
+      <ul>
+        <li><a href="#"><img src="news1.jpg"/ ></a></li>
+        <li><a href="#"><img src="news2.jpg"></a></li>
+        <li><a href="#"><img src="news3.jpg"/></a></li>
+      </ul>
+    </div>
+    <div id="recommed">
+      <ul>
+        <li><a href="#"><img src="flower1.jpg" /><br />
+          幸福的味道<br />
+          </a>￥288元</li>
+        <li><a href="#"><img src="flower2.jpg"/><br />
+          阳光守护你<br />
+          </a>￥300元</li>
+        <li><a href="#"><img src="flower3.jpg"/><br />
+          温情永远<br />
+          </a>￥268元</li>
+        <li><a href="#"><img src="flower4.jpg" /><br />
+          爱无界<br />
+          </a>￥318元</li>
+        <li><a href="#"><img src="flower5.jpg"/ ><br />
+          亲亲宝贝<br />
+          </a>￥368元</li>
+        <li><a href="#"><img src="flower6.jpg"/><br />
+          相信是缘<br />
+          </a>￥188元</li>
+        <li><a href="#"><img src="flower7.jpg"/><br />
+          水晶童话<br />
+          </a>￥198元</li>
+        <li><a href="#"><img src="flower8.jpg"/ ><br />
+          天使之爱<br />
+          </a>￥268元</li>
+      </ul>
+    </div>
+    <div id="news-arrival">
+      <ul>
+        <li><a href="#"><img src="flower9.jpg" /><br />
+          亲亲宝贝<br />
+          </a></li>
+        <li><a href="#"><img src="flower10.jpg" /><br />
+          相信是缘<br />
+          </a></li>
+        <li><a href="#"><img src="flower11.jpg"/><br />
+          水晶童话<br />
+          </a></li>
+        <li><a href="#"><img src="flower12.jpg" /><br />
+          天使之爱<br />
+          </a></li>
+      </ul>
+    </div>
+    <div id="one">
+        <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>
+</body>
+</html>
\ No newline at end of file