<html>
<head>
<meta charset="utf-8">
<title>满屋花</title>
<style type="text/css">
.n {
width: 1200px;
margin: 0 auto;
height: 1000px;
/* border: 4rpx red solid; */
}
.a {
width: 250px;
background-color: aliceblue;
/* border: 3px blue solid; */
float: left;
height: 100%;
}
.b {
width: 1200px;
height: 30px;
border: #7FFF00 2px solid;
}
.b1 {
border: #0000FF 2px solid;
height: 1200px;
}
.you {
border: chartreuse 3rpx solid;
float: left;
}
.b2 {
width: 940px;
height: 1200px;
float: right;
background-color: white;
}
.b3 {
width: 940px;
height: 175px;
background-color: brown;
}
.b4 {
width: 470px;
height: 139.5px;
background-color: blueviolet;
position: relative;
top:-139.5px;
float: right;
}
</style>
</head>
<body bgcolor="pink">
<!--头部内容-->
<div class="n">
<div>
<div>
<!--大盒子-->
<div align="center"><img src="/tu/banner.jpg" height="100" width="100%" /></div>
<!--标题图片-->
<div class="b"><b>dads</b></div>
<div class="b1">
<!--身体盒子-->
<div class="a">
<!--列表盒子-->
<img src="/tu/login.jpg" width="250px" height="50px" />
<div>
<form>
<!--表单-->
用户名:<input type="text" /><br />
密   码:<input type="password" /><br />
             
<input type="submit" value="登录" />
<input type="submit" value="注册" />
<a href="">忘记密码</a>
</form>
</div>
<div><img src="/tu/category.jpg" width="250px" height="50px"></div>
<div><b>用 途</b></div>
<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><b>花 材</b> </div>
<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><b>价 格</b></div>
<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~700</a></li>
<li><a href="">700~800</a></li>
<li><a href="" />800元以上</a></li>
</div>
<div class="b2">
<img src="/tu/latest.jpg"><br />
<!--本站快讯-->
<img src="/tu/new1.jpg" width="32%" height="150px">
<img src="/tu/new2.jpg" width="32%" height="150px">
<img src="/tu/new3.jpg" width="32%" height="150px"><br />
<img src="/tu/new4.jpg">
<!--鲜花推荐<--><br>
<img src="/tu/new5.jpg" width="22%">
<img src="/tu/new6.jpg" width="22%">   
<img src="/tu/new7.jpg" width="22%">   
<img src="/tu/new8.jpg" width="22%">   
<br>
   <b>幸福的味道</b>
          <b>阳光守护你</b>
          <b>温情永久</b>
          <b>爱无界</b><br />
   ¥288
            ¥288
            ¥288
           ¥288
<br />
<img src="/tu/tp1.jpg" width="22%">   
<img src="/tu/tp2.jpg" width="22%">   
<img src="/tu/tp3.jpg" width="22%">   
<img src="/tu/tp4.jpg" width="22%">   
<br>
  <b>亲亲宝贝</b>
          <b>相信是缘</b>
          <b>水晶童话</b>
          <b>天使之爱</b><br />
   ¥368
          ¥188
            ¥198
           ¥168 <br />
<img src="/tu/f1.jpg"><br />
<img src="/tu/f2.jpg" width="22%">   
<img src="/tu/f3.jpg" width="22%">   
<img src="/tu/f4.jpg" width="22%">   
<img src="/tu/f5.jpg" width="22%">   
<br>
   <b>粉色迷情</b>
          <b>海岸的优雅</b>
          <b>百年地中海</b>
          <b>爱要说出口</b><br />
   ¥388
            ¥296
            ¥289
            ¥256<br />
<div class="b3">
<!--鲜花导购-->
<img src="/tu/tips.jpg" style="width: 56%; float: left;">
<img src="/tu/m1.jpg" style="width:44%; float: right; height: 33.53px;">
<br />
<ul>
<li><a href="">各种鲜花代表的含义</a></li>
<li><a href="">养花与养生之道</a></li>
<li><a href="">花香的味道</a></li>
<li><a href="">种花与送花</a></li>
</ul>
</div>
<div class="b4">
<li><a href="">各种鲜花代表的含义</a></li>
<li><a href="">养花与养生之道</a></li>
<li><a href="">花香的味道</a></li>
<li><a href="">种花与送花</a></li>
</div>
</div>
</div>
<!--页脚内容-->
<div id="footer">
<p align="center">版权所有© 2018</p>
</div>
</div>
</body>
</html>
emmmm
最新推荐文章于 2021-06-11 10:39:15 发布